第一天：javascript实现界面运算及循环语句跳转语句
文档位置：untitled3（c:\user\dell\WebstormProjects\untitled3\testjstry0.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是跳出本次循环，继续下一次循环
