2018/10/16JavaSprict学习

最新推荐文章于 2023-06-18 00:05:43 发布

原创最新推荐文章于 2023-06-18 00:05:43 发布 · 652 阅读

CC 4.0 BY-SA版权

这篇博客详细介绍了Java编程的基础知识，包括变量的定义与赋值、遵循的命名规范，各种数据类型的使用，运算符的种类，以及提升代码可读性的方法。此外，还讲解了流程控制语句（如if-else和循环结构）和函数的定义及调用。博主提供了代码示例和成果展示，帮助读者深入理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习内容

变量

定义/声明变量（var 变量名；）
变量赋值（变量名 = 值；）

硬性条件：

变量命名规范
只允许出现三类字符：unicode字符（英文大小写，汉字。。。）、数字、符号。

规则：

不允许数字开头
不允许出现关键字（如while)

行业规范：

见名知义
学生姓名书写方式
Student Name、 student Name、student-name（蛇形）、sstudentName（匈牙利）、iValue

语句（英文半角）

操作符	属性
，
.	调用方向、属性
’ "	成对出现，不能直接嵌套
[ ]
{ }	代码块
( )	方法，流程控制语句
；
:

数据类型

数值（运算）：整型、浮点型
字符：拼接（parseInt 字符转数值）
布尔型（ture/false）

运算符：

算数运算符
比较运算符
逻辑运算符
与（ && ）；或（ || ）；非（！）
赋值运算符

++在后面后运算，++在前面先运算

可读性

命名
代码格式
(1) 双目，两边要空格
(2) 空行，段落
(3) Tab 缩进
注释
(1) 单行注释 // 文字（独占一行；语句结束部分）
(2) 多行注释 /* */

流程控制语句

顺序结构
分支选择（判断）
(1) if
(2) if else
(2) if else if else

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript">
		function sum() {
			var r = document.getElementById("t1").value;
			if(!isNaN(r) && parseInt(r) >= 0 && parseInt(r)<=24){
				var i = parseInt(r);
				// if(i >= 0 && i <= 5) {
				// 	alert("凌晨好");
				// }
				// if(i > 5 && i <= 12) {
				// 	alert("早上好");
				// }
				// if(i > 12 && i <= 18) {
				// 	alert("下午好");
				// }
				// if(i > 18 && i <= 24) {
				// 	alert("晚上好");
				// }
				if (i >= 0 && i <= 5) {
					alert("凌晨好")
				}
				else if (i <= 12) {
					alert("上午好")
				}
				else if (i <= 18) {
					alert("下午好")
				}
				else if (i <= 24) {
					alert("晚上好")
				}
			}
			else{
				alert("非法数字");
			}
		}

		var r = 1;
		for(; r <= 10; r++) {
			
			if (r == 5 ) {
				continue ;
			}
			console.log("正在学习");
			console.log(r);
		}
	</script>
</head>
<body>
	时间:<input type="text" id="t1" value="">
	<input type="button" id="b1" value="click" onclick="sum()">
</body>
</html>

循环结构
for(初始化语句；循环条件；迭代语句）

break 直接跳出循环
continue 剔除一个其他继续循环

函数（函数名、操纵列表、结果）

function 方法名（形式参数列表）{
// 方法
return(值）；
}

调用函数

标签	调用函数代码
body主页面	onload
button按钮	onclick
select下拉框	onchange

其他知识点

标签	作用
alert(“Hello”)	页面刷新跳出Hello
console.log()	控制台输出
document.getElementById()	取到元素
innerHTML	文字
function	函数

代码练习

代码展示

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body onload="init();">

	<select id="sel1" onchange="getResult()"></select>

	<h1>1-<span id="x1">xx</span>:<span id="x2">xxx</span></h1>

</body>
<script type="text/javascript">
	// 页面初始化函数
	function init() {
		// 初始化select中的option元素1-200

		// 定义一个变量存放1-200的option HTML 字符串
		var options = "";

		// 循环200次，拼接字符串到options变量中
		
		for (var i = 1; i <= 200; i++) {
			options = options + ('<option value="'+i+'">'+i+'</option>');
		}

		// 把拼接完成的字符串放到ID为sel1的select元素中
		document.getElementById("sel1").innerHTML = options;
	}

	// 定义sel1的change的触发时间
	function getResult() {
		// 取出需要计算结果的数值
		alert("sd");
		var sSeValue = document.getElementById("sel1").value;
		// 把字符串类型的变量转成整数类型的变量
		var iSelValue = parseInt(sSeValue);

		// 调用计算和的函数得到的结果
		var result = sum(iSelValue);

		// 将条件值和结果值在页面输出
		document.getElementById("x1").innerHTML = iSelValue;
		document.getElementById("x2").innerHTML = result;
	}

	// 定义工具韩式：求和函数 参数列表：number(求和的数值)
	function sum(number) {

		var total = 0;
		for (var i = 1; i<= number; i++) {
			total += i;	
		}
		return total;
	}
</script>
</html>