fenr9

导航

第一天: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是跳出本次循环,继续下一次循环





posted on 2016-06-03 16:03  fenr9  阅读(208)  评论(0编辑  收藏  举报