javaweb学习(二)
js语法
- js区分大小写。
- 每行结尾的分号可有可无
- 变量时弱类型。
- 使用大括号标记代码块
- 注释。单行注释”//“,多行注释”/* */“
- js关键字
js数据类型
- 数值型:整数和浮点数。
- 字符型:
- 布尔型:
- 转义字符:
’ 单引号 " 双引号 & 和号 \ 反斜杠 \n 换行符 \r 回车符 \t 制表符 \b 退格符 \f 换页符
- 空值:null
- 未定义值:undefined
变量的定义及使用
- 变量的命名规则
- 变量名由字母数字下划线组成,必须以字母或者下划线开头。
- 变量名不能有空格加号减号逗号等符号。
- 不能使用js关键字。
- js的变量名严格区分大小写。
- 变量的声明:var variable
- 使用一个关键字var同时声明多个变量:var now,year,month,date;
- 定义变量并进行赋值:var now=“2021,02.02”,month=“5”,date=“12”;
- 如果知识声明了变量,但是未对其赋值,默认值为undefind
- 尚未声明的变量赋值时,js会自动用该变量名创建一个全局变量。在一个函数内部,通常创建的知识一个仅在函数内部起作用的局部变量,而不是一个全局变量。要创建全局变量,则必须使用var关键字进行变量声明。
- js是弱类型,所以在声明变量时不需要指定变量类型,二变量类型将根据变量的值确定。
运算符
流程控制语句
if语句
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>testjs</title>
</head>
<body>
<form name="form1" method="get" action="">
用户名:<input name="user" type="text" id="user">
密码:<input name="pwd" type="text" id="pwd">
<input name="Button" type="button" class="btn_grey" value="登录">
<input name="Submit" type="submit" class="block-list" value="重置">
<script language="JavaScript">
function check() {
if (form1.user.value==""){
alert("请输入用户名!");
form1.user.focus();
return;
}else if(form1.pwd.value==""){
alert("请输入密码!");
form1.user.focus();
return;
}else {
form1.submit();
}
}
</script>
</form>
</body>
</html>
switch语句
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script language="JavaScript">
var now = new Date();
var day = now.getDay();
var week;
switch (day) {
case 1:
week = "星期一";
break;
case 2:
week = "星期二";
break;
case 3:
week = "星期三";
break;
case 4:
week = "星期四";
break;
case 5:
week = "星期五";
break;
case 6:
week = "星期六";
break;
case 7:
week = "星期日";
break;
}
document.write("今天是个"=week);
</script>
</body>
</html>
for循环
参数:
initalize:初始化语句,用来对循环变量进行初始化赋值。
test:循环条件,
increment:指定循环变量的步幅。
statement:指定循环体。true时重复执行。
计算一百以内奇数和
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script language="JavaScript">
var sum=0;
for (i=1;i<100;i+=2){
sum = sum+i;
}
alert("100以内所有奇数和为:"+sum);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>99乘法表</title>
</head>
<style>
table
{
border-collapse:collapse;
}
td{border:1px solid #cccccc;padding: 5px 15px;}
</style>
<body>
<h3>
99乘法表
</h3>
<script>
document.write('<table>');
for (var i=1;i<10;i++){
document.write('<tr>');
for (var j=1;j<=i;j++){
document.write("<td>"+j+"x"+i+"="+i*j+"</td>");
}
document.write('</tr>');
}
document.write('<table>');
</script>
</body>
</html>
while, do while就不写了。