文档位置:untitled3(c:userdellWebstormProjectsuntitled3 estjstry0.html)
知识点1:
1.新创建html文件,编辑文档如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>运算</title>
</head>
<body>
<p>i=10,j=5;求i+j=?</p>
<p id="sumid"></p>
<button onclick="mysum()">结果</button>
<script>
function mysum(){
var i=10;
var j=5;
var m=i+j;
document.getElementById("sumid").innerHTML=m;
}
</script>
</body>
</html>
点击chorm标记,网页浏览
运行结果:
点击“结果”按钮,如下结果
知识点2: var i=“2”
用了双引号后,2不再是个数字型,而是字符串型
任何类型和字符串相加,则都转化为字符串类型
1)
var i=“2”;
var j=“2”
Var m= i+j;
则 m=22
2)
2)
var i=2;
var j=“2”
var m= i+j;
则 m=22
3)
var i=2;
var j=2
var m= i+j;
则 m=4
知识点3:运算符
/* 运行结果:true
var i=10;
var j=10;
document.write(i==j)
*/
/* 运行结果:false
var i=10;
var j=9;
document.write(i==j)
*/
/* 运行结果:true,因为j转化为字符串了
var i="10";
var j=10;
document.write(i==j)
*/
/* 运行结果:,因为三个等号,表示类型也的相同
var i="10";
var j=10;
document.write(i==j)
*/
// 运行结果:i小于等于10
var i=10;
document.write(i>10?"i大于10":"i小于等于10"); //三目运算符
知识点4:switch的写法
var i=3;
switch (i){
case 1:
document.write("i=1");
break;
case 2:
document.write("i=2");
break;
case 3:
document.write("i=3");
break;
case 4:
document.write("i=4");
break;
default:
document.write("i不等于任何值");
}
知识点6:循环语句for、for (in)循环
/*运行结果:每行一个数 1、 2、 3、 4、 5、
var i=[1,2,3,4,5]
for(j=0;j<5;j++){
document.write(i[j]+"、");
}
*/
/*运行结果:每行一个数 3 2 3 4 5
var i=[3,2,3,4,5]
var j;
for(j in i){
document.write(i[j]+"<br>");
}
*/
知识点7 循环语句while 和do...while
1)while 示例:
var i=1;
while (i<5){
document.write("i="+i+"</br>");
i++
}
运行结果:
i=1
i=2
i=3
i=4
2)while 示例:
var i=3;
do{
document.write("i="+i+"</br>");
i++
} while (i<5){}
运行结果:
i=1
i=2
i=3
i=4
while 和do while的区别是,while先去做判断,然后进行下一步
1)和2)中i的初始值如果是5,则例子1没有结果输出,例子2会输出 i=5
知识点8 跳转语句break 和continue
1)break:
var i=1;
for(i=1;i<10;i++){
if(i==5){
break;
}
document.write("i="+i+"<br>")
}
运行结果:
i=1
i=2
i=3
i=4
2)continue:
var i=1;
for(i=1;i<10;i++){
if(i==5){
continue;
}
document.write("i="+i+"<br>")
}
运行结果:
i=1
i=2
i=3
i=4
i=6
i=7
i=8
i=9
ps:break跳出当前的循环 continue是跳出本次循环,继续下一次循环