js条件控制语句有:1、if语句;2、“if … else if … else…”语句;3、switch语句;4、while语句;5、“do…while”语句;6、for语句;7、“for…in”语句;8、with语句。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
if语句:
var Box=50; if (Box == 50){ alert(True'); }
if … else if … else…
var Box = 50; if (Box > 0 && Box <60){ alert(不及格); }else if (Box >=60 && Box < 80){ alert(及格); }else if (Box >= 80 && Box <= 100){ alert(good); }else{ alert(数值错误); }
switch 语句是多重条件判断,用于多个值相等的比较。
var Box = 4; switch (Box){ case 1: alert(one); break; case 2: alert(two); break; case 3: alert(three); break; default: alert(默认值); break; } // 由于case没有可以匹配到4的项,所以使用default中的内容
while 语句是一种先判断后循环的语句,必选先满足条件,才会执行循环体内
var Box = 5; while(Box > 0){ alert(Box); Box--; };
do…while 语句是一种先执行后判断的循环语句,也就是说,不管条件是否满足,都至少执行一次循环体内
var Box = 1; do{ alert(Box); Box++; }while (Box < 5);
for 语句也是一种先判断,后循环的语句,但他可以在循环之前初始变量
for (var Box=1; Box<=5; Box++){ //第一步,声明变量 var Box = 1; alert(Box); // 第二步,判断Box <=5; }; // 第三步,执行循环体内alert(Box); // 第四步,Box++ // 第五步,从第二步开始再次判断执行,直到判断为false停止循环。
for…in 语句是一种精准的迭代语句,可以用来枚举出对象的属性。
var list = [1, 2, 3, 4, 5]; for (var i in list){ document.write(i); //迭代的是数组的下标 }; var p = {name: 张三, age:18, sex: 男}; // 创建一个对象,键值对,冒号左边是属性名,右边是值 for (var i in p){ console.log(i, p[i]); // 列举出所有的属性和值,循环列举出p,每个i就是p的每个属性名,p[i]就是p[属性名],比如p[name]可以显示出属性为name的那个值。 };
with 语句的作用是将代码的作用域设置到一个特定的对象中。
var Box = { name: 张三, age: 18, sex: ”男, }; /*从对象里取值赋给变量*/ var a = Box.name; var b = Box.age; var c = Box.sex; /*可以将上面三段的赋值操作改为:*/ with (Box){ var a = name; var b = age; var c = sex; } // 省略了Box的对象名
DOM(Document Object Model)文档对象模型
Node(节点)
加载 HTML 页面时,Web 浏览器生成一个树型结构,用来表示页面内部结构。DOM 将这种树型结构理解为由节点组成
节点种类:元素节点,文本节点,属性节点。
<div title=属性节点>测试 Div</div>
【推荐学习:javascript高级教程】