1.switch(多分支选择语句) 语句:用于基于不同的条件来执行不同的动作.语句结构如下:
switch(n){ //n:首先设置表达式(通常是变量)
// case 1: //case 常量表达式
// 执行代码块 1
// break;
// case 2:
// 执行代码块 2
// break;
// ....
// default:
// 与 case 1 和 case 2 ...不同时执行的代码
// }
实例 var num=5; switch(num){ case 1:document.write('a'); break; case 2:document.write('b'); break; case 3:document.write('c'); break; case 4:document.write('d'); break; default:document.write('?'); } 运行实例 » 点击 "运行实例" 按钮查看在线实例
2.for循环语句:
// 格式:
// for (初始值;循环条件;步长){
// 循环体;
// }
实例
// 【案例1】计算:用循环在页面中输出1到10 var i=1;//初始值 var num=0;//计算结果 for(i;i<=10;i++){ num++;// num+=1 document.write(num+"<br>"); }
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
// 【案例2】js打印九九乘法表 for(var i=1;i<=9;i++){//第一个乘数 for(var j=i;j<=9;j++){//第二个乘数 1X1=1 var kong=" " if(i*j<10){ kong+=" " } document.write(i+'X'+j+'='+(i*j)+kong) } document.write('<br>') }
运行实例 »
点击 "运行实例" 按钮查看在线实例
3. while 循环 (只要指定条件为 true,该循环就可以一直执行代码块;所以不要忘记加条件奥!浏览器会崩溃的!)
// while (条件)
// {
// 需要执行的代码
// }
实例
【案例1】计算:用循环在页面中输出1到10 var i=1; while(i<=10){ document.write(i+"<br>"); i++; }
运行实例 »
点击 "运行实例" 按钮查看在线实例
4.do..while循环(该循环是 while 循环的变体;该循环至少会执行一次,即使条件为 false 它也会执行一次,因为代码块会在条件被测试前执行)
// do{
// 循环体
// }while(条件表达式)
实例
// 【案例1】计算:用循环在页面中输出1到10 var i=1; do{ document.write(i+"<br>"); i++; }while(i<=10);
运行实例 »
点击 "运行实例" 按钮查看在线实例
5.for/in 语句用于循环对象属性( for...in 循环中的代码块将针对每个属性执行一次)
// 语法: for (var in object) {
// 执行的代码块}
实例
var add={ name:"欧阳克", age:"69岁", height:"188cm" } var x; var text=""; for(x in add){ text=text+add[x]+";" } document.write(text); var week=["周一","周二","周一","周一","周一","周一","周日"]; var x for(x in week){ document.write(week[x]+'<br>') }
运行实例 »
点击 "运行实例" 按钮查看在线实例
6.Break和 Continue
// break 语句用于跳出循环
// continue 用于跳过循环中的一个迭代
实例
for(var i=1;i<=10;i++){ if(i==5){ break; } document.write(i+'<br>') } for(var i=1;i<=10;i++){ if(i==5){ continue; } document.write(i+'<br>') }
运行实例 »
点击 "运行实例" 按钮查看在线实例
7.函数(Function)
// 函数:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
// 函数的声明:
// JavaScript 使用关键字 function 定义函数;函数可以通过声明定义,也可以是一个表达式
// 创建自定义函数的语法:
// function functionName(){
// 执行的代码块
// }
实例
function num(){ var i=1;//初始值 var num=0;//计算结果 for(i;i<=10;i++){ num++;// num+=1 document.write(num+"<br>"); } } num() // 注意:函数不会自己运行,只有被调用了才会运行 // 函数表达式:JavaScript 函数可以通过一个表达式定义,函数表达式可以存储在变量中; var x=function(){document.write('我是灭绝')}//匿名函数 // Function()构造函数 // var obj=new Function(document.write('我是灭绝')) // obj() // 函数的返回值与参数 // 在调用函数时,您可以向其传递值,这些值被称为参数 // 函数的参数可分为:形参、实参 // 形参:形式参数,是指函数创建的时候,函数名后面的括号中的参数,它的作用是为函数外部的变量提供一个进入到函数体中的“门”。 // 实参:实际参数,是指函数在调用的时候,函数名后面的括号中的参数,它的作用是将函数外面的变量通过实参穿入到函数中。 // function functionName(参数序列){ // 执行的代码块 // } function obj( x,y){ document.write(x*y); } obj(5,10); // 创建带有返回值的函数 // 关键字:return 返回值 //函数只要运行到return 语句,整个函数调用就立刻结束,在return语句后面还有语句也不会继续运行 function a(b,c){ document.write('欢迎来到php中文网!'); return b+c; } document.write(a(100,50));
运行实例 »
点击 "运行实例" 按钮查看在线实例
7.分别用for循环打印九九乘法表,while循环用*打印三角形,代码如下
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>打印九九乘法表</title> </head> <body> <span>用for循环打印九九乘法表案例</span> <script type="text/javascript"> for (var i =1; i <= 9; i++) { for(var j=i;j>=1;j--){ if(i==j){ document.write('<br>'); } document.write(i+'X'+j+'='+i*j+' '); } } document.write('<hr><br><br>'); document.write('用while循环用*打印三角形案例<br>'); //用while循环用*打印三角形案例 var a=1; while(a<20){ var b=1; while(b<a){ document.write('*'); b++; } document.write('<br>'); a++; } </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例