北京市职业院校网页制作教程（主编齐建玲-水利水电第二版）教案：第10章 在网页中使用JavaScript .PPTVIP

通过本章学习，应该掌握以下内容： JavaScript的特点及运行环境 JavaScript编程基础 JavaScript事件驱动 JavaScript的对象;10.1 脚本语言简介 ;（1）脚本编写语言 （2）基于对象 （3）简单性 （4）安全性 （5）动态性 （6）跨平台 ; 10.1.2 JavaScript的运行和编辑环境 ; （1）使用SCRIPT标记符插入脚本 在网页中最常用的一种插入脚本的方式是使用SCRIPT标记符，方法是：把脚本标记符SCRIPT/SCRIPT置于网页上的HEAD部分或BODY部分，然后在其中加入脚本程序。尽管可以在网页上的多个位置使用SCRIPT标记符，但最好还是将脚本代码放在HEAD部分，以确保容易维护。 ; ① 书写JavaScript时应注意大小写. ② 在JavaScript中，行尾用换行符作为一行完整代码的终止字符. ③ 若需要将几行代码放在一行中，应使用分号将它们分开. ④ 在JavaScript中，/* 和 */也是注释标记。 ; ; 所谓变量，就是程序中一个已命名的存储单元。变量的主要作用是存取数据和提供存放信息的容器。 JavaScript支持的数据类型如下：Number（数字） 、Boolean（布尔） 、String（字符串） 、Null（空） 、Undefined（未定义） 、Object（对象） 。 ;在JavaScript中定义变量应遵循以下规则： 必须以字母或下划线（_）开头。 在所说明的范围内必须是唯一的。 用var来定义变量，也可以用赋值语句声明变量，但不能既不用var声明变量，又不给它赋值。; ; ; ; 10.2.4 JavaScript语句 ;（3）注释语句 //：表示单行注释，从“//”开始到本行结束都为注释。 /*……*/：表示多行注释，从“/*”开始到“*/”结束为注释。 ; 在JavaScript中提供了if语句、if else语句以及switch语句等三种条件语句。 （1）if语句 if（条件） 语句段； （2）if else语句 if（条件） 语句段1； else 语句段2；; （3）switch语句 如果需要对同一个表达式进行多次判断，那么就可以使用switch语句，格式如下： switch（条件） {case value1: 语句段1; case value2：语句段2; case value3：语句段3; … default：语句段4；} ;（1）for语句 for（初始化；条件；增量） { 语句段； } （2）while语句 while（条件） { 语句段； }; （3）do while语句 do { 语句段； } while（条件） （4）break语句 break语句提供无条件跳出循环结构或switch语句的功能。 （5）continue语句 continue语句的作用是终止当次循环，跳转到循环的开始处继续下一轮循环。 ; 4．其他语句 ;10.2.5 JavaScript函数 ; 通常鼠标或热键的动作称为事件（Event），而由鼠标或热键引发的一连串程序的动作称为事件驱动（Event Driver）。比如，当单击鼠标按钮时就产生一个单击（onClick）事件，当打开一个网页时就产生一个网页的载入（onLoad）事件。 ; 当用户单击鼠标按钮时，产生onClick事件，同时onClick指定的事件处理程序或代码被调用执行。OnClick事件通常在下列基本对象中产生： （1）button（按钮） （2）checkbox（复选框） （3）radio（单选按钮） （4）reset button（重置按钮） （5）submit button（提交按钮） ; 当用户改变表单元素的原有状态后，将产生该表单元素的onChange事件。 ; 当用户单击鼠标或用Tab键激活某一个表