网页制作javascript基础教程js结构

1、 第七讲 JavaScript控制语句Primary Content顺序结构选择结构循环结构JavaScript控制语句顺序结构顺序结构就是程序从上到下按顺序一行一行的执行的结构，这就是所有程序的最基本结构，一个程序大部分代码都是采用的都是顺序结构。JavaScript控制语句条件结构条件语句又称选择语句，是指根据条件来选择一个任务分支的语句统称，实现分支程序设计在JavScript中提供了if语句、if else语句和switch语句等三种条件判断语句JavaScript控制语句条件结构之if语句生活中一个形象的例子，某人在看钟表上的时间，如果小于凌晨6点就决定继续睡，如果大于6点，就起床去

2、上班 。编程中也有类似的问题，此时可用if语句来描述之，其测试一个Boolean表达式，结果为真则执行某段程序。if( )/ 条件语句 语句组 ; / 程序语句序列if举例var name=prompt(请输入姓名,);if(name=null | name=)alert(姓名不能为空);if 条件选择语句JavaScript控制语句条件结构之if-else语句if语句仅根据表达式的值决定是否执行某个任务，没有其它更多的选择，而if-else语句则提供双路选择功能。 if ( )/ 表达式成立时 语句组1; / 有效的程序语句else/ 表达式不成立时 语句组2; / 有效的程序语句如果要执行

3、多个语句，必须将这些语句放在一对大括号 ( ) 内。但如果只要执行一个语句，则可以省略大括号JavaScript控制语句条件结构之if-else语句var num=prompt(请输入一个整数,0);if(num % 2 = 0)alert( num + 是偶数);elsealert( num + 是奇数);if-else-if语句 当有多个可供判断选择的条件时，单个if-else语句显然不能表达，于是有了if-else-if语句。严格的说if-else-if不是单独的语句，而是由多个if-else组合而成，实现多路判断 if( ) 语句组1; else if( ) 语句组2; else 语句

4、组3; JavaScript控制语句if-else-if举例：var now=new Date(); /获取系统当前时间var h=now.getHours(); /获取系统当前时间的小时if(h =6 & h11 & h=13 & h18 & h=23)document.write( 晚上好);elsedocument.write( 天还没亮);JavaScript控制语句例：if else语句var d=new Date();var time=d.getHours();if (time10)document.write(Good morning)else if (time10 & time

5、16) document.write(Good day) else document.write(Hello World!) 注意：if请使用小写字母。使用大写的 IF 会出错！嵌套if举列-闰年判断var year=prompt(请输入一个四位的年份,2010);if( year % 4 =0)if( year %100 != 0)document.write(year +是闰年);else if(year % 400 = 0)document.write(year +是闰年);elsedocument.write(year + 是平年);elsedocument.write(year +

6、是平年);条件结构之switch语句用if-else语句实现多路选择结构使程序看起来不清晰，也不容易维护，于是可以选择switch语句代替之。switch实现多路选功能，在给定的多个选择中选择一个符合条件的分支来执行。 switch ( )case : 语句组1; case : 语句组2; default: 语句组3; JavaScript控制语句条件结构之switch语句var x=1 / 0, 2, 3, 4, 5, 6 switch(x)case 1: alert (“Monday”); break; case 2: alert (“Tuesday”); break; case 3: a

7、lert (“Wendnesday”);break; default: alert(“sorry, I dont know”); break; JavaScript控制语句循环语句 在编程中有些指令需要执行很多遍，这就要编写大量的代码。而计算机则是专门用来快速完成重复和繁琐的工作，因此编程语言也就提供循环语句来减少重复指令的编写 将重复执行的动作放在循环语句中，计算机将根据条件执行之。 JavaScript的循环语句包括：for、while、do-while、for-in等4种 JavaScript控制语句while语句 while循环在执行循环体前测试一个条件，如果条件成立则进入循环体，否则

8、跳到循环后的第一条语句。 一些重复执行动作的情形比较简单时就不需要用for循环，可以使用while循环代替 while( 条件表达式 )语句组;JavaScript控制语句while循环语句var x = 1;while(x 3) / 如果加上分号会怎样呢？ alert(“x = ”+x); x+;JavaScript控制语句do-while语句 do-while语句先执行一遍循环体,循环体内的语句执行之后再测试一个条件表达式 。如果表达式成立则继续执行下一轮循环，否则跳到do-while代码段后的第一条语句。 do语句组; while( 条件表达式 );JavaScript控制语句do wh

9、ile 语句var x = 5;while(x 3) alert(“x = ”+x); x+;var x = 5;do alert(“x = ”+x); x+; while(x 3);比较两代程序代码,比较不同的运行结果JavaScript控制语句for语句 遇到重得执行指定次数的代码时，使用for循环比较合适 在执行for循环执行体中的语句前，有三个语句将得到执行，这三个语句的运行结果将决定是否要进入for循环体 for (变量=开始值;变量=结束值;变量=变量+步长值)语句组;JavaScript控制语句For循环语句var output = “”;for(var x= 1; x 10;

10、x+) output = output + “ x = ” + x;alert (output);for 循环语句JavaScript控制语句break 语句 break 语句能够提前中断循环中的执行语句。continue 语句 跳过当前循环的剩余语句，接着执行下一次循环。 JavaScript控制语句break 语句for( i=1; i=10; i+)if( i=5)break; document.write(i+”); 1234JavaScript控制语句continue 语句for( i=1; i=10; i+)if( i=5)continue; document.write(i+ )

11、 1234678910JavaScript控制语句for(i=1; i=9; i+)for(j=1; j=i; j+)document.write( j + “*”+i +“=” +j*i +“”);document.write(“”);九九乘法表JavaScript控制语句for-in语句 for-in语句是for语句的一个变体，同样是for循环语句for-in通常用于遍历某个集合的每个元素，比如数组由很多元素，其元素索引构成了一个集合，使用for-in语句可以遍历该集合，进而取得所有元素数据 。for ( n in set)语句组;JavaScript控制语句异常处理语句 程序运行过程中难

12、免会出错，出错后的运行结果往往是不正确的，因此运行时出错的程序通常被强制中止。运行时的错误统称为异常 try-catch try-catch-finally throw 为了能在错误发生时得到一个处理的机会，JavaScript提供了异常处理语句 JavaScript脚本调制try-catch是一个异常捕捉和处理代码结构，当try块中的代码发生异常时，将由catch块捕捉以及处理。try tryStatementscatch(exception) catchStatementsJavaScript脚本调制try-catch-finally语句作用与try-catch语句一样，唯一的区别就是当所

13、有过程执行完毕之后前者的finally块无条件被执行 throw语句当多个结构嵌套时，处于里层try-catch语句不打算自己处理异常则可以将其抛出，父级try-catch语句可以接收到子级抛出的异常。trytryStatements;catch( exception )handleStatements;finallyfianllyStatements;JavaScript脚本调制tryfor( i=1; i=10; i+)if( i=5)throw( 人为抛出异常); document.write(i+); catch(e)document.write( e );finallydocumen

14、t.write (over);try-catch-finally语句举例JavaScript脚本调制脚本调试随着用JavaScript编程的深入，你会开始理解那些JavaScript给出的不透明错误信息。一旦你理解了你常犯的一般性错误，你就会很快知道怎样避免它们，这样你写的代码中的错误将越来越少。编程实际上是一种能随着时间不断飞快进步的技术。但是不管变得多么熟练，你仍然要花一些时间调试你的代码。 JavaScript脚本调制调试的技巧： 根据浏览器的提示信息 选择浏览器是很重要的，不同的浏览器的错误提示都不同，在浏览器中错误信息最容易理解的，能最快找出错误的，就是firefox和opera了。

15、它们都会给出详细的出错原因和行号。 使用调试工具 如果你是Firefox的用户，那么你可以到添加组件的网页中搜索一些用于网页开发的组件 推荐：Firebug 一款非常优秀的组件，可以指出你的脚本中的错误，查看DOM树，查看cookie，ajax通信，并且还有CSS的调试工具，而且也有不少firebug的扩展。 javascript debugger 这是mozilla开发的调试工具，项目代号叫venkman，和gecko的javascript解析器无缝集成，功能非常强大 JavaScript脚本调制清除浏览器缓存 有时浏览器会在网页明明修改过的时候却依然使用缓存里的网页来显示，这时最好强制刷新网页以重新载入数据，如果还不行就清除缓存。 输出变量 如果你使用firebug调试的话，可以很方便地在脚本里用console.log()来输出变量的值，而且幸运的是，firebug还会对你输出的变量进行解析，在控制台里显示一个清晰的变量结构 如果你没有firebug，那么可以用alert代替，不过当有几百个变量输出时，很可能不得不强行关闭浏览器。在网页里专门放置一个调试用的div也是一种不错的解决办法。JavaScr