网页制作及应用（第二版） 潘明寒 网页 二版 第6章

《网页制作及应用（第二版） 潘明寒 网页 二版 第6章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作及应用第六章在网页中使用JavaScript本章学习目标1.JavaScript的概念2.JavaScript的数据类型和变量3.JavaScript的语句4.JavaScript的内置对象和函数5.JavaScript的事件6.1JavaScript简介JavaScript是一种基于对象和事件驱动、具有安全性能、嵌入式的客户端脚本语言。利用JavaScript编写一些模块，可以实现动态的、实时的、可交互的网页功能。JavaScript开发的是客户端应用程序，它的功能是通过嵌入或调入方法在标准的

2、HTML语言中实现的。例如验证和处理用户输入的信息。1.JavaScript主要优点简单、易操作、减少服务器开销、动态、跨平台。2.JavaScript程序格式（1）JavaScript代码要用HTML标签括起来，可以插入在HTML文档的任意地方。（2）基本格式：JavaScript代码其中，Language属性用来指定脚本语言，可以是JavaScript，也可以是VBScript。（3）JavaScr

3、ipt有单行注释和多行注释，单行注释用“//”开头，“//”后面的部分不被执行。多行注释用“/*”和“*/”括起来，“/*”与“*/”之间的语句不执行。（4）可以用花括号将一个或多个语句括起来成为语句块，语句块可以嵌套。3.在Dreamweaver中设置脚本标记符为可显示“编辑”菜单→“首选参数”→在对话框左边“分类”列表中选“不可见元素”→在对话框右边“不可见元素”列表中勾选“脚本”→单击“确定”。如图所示。4．在Dreamweaver中设置不可见元素为可见“查看”菜单→“可视化助理”→“不可见元素”

4、。如图所示。5．在Dreamweaver设计视图中插入脚本“插入”菜单→“HTML”→“脚本对象”→“脚本”，如图所示。6.2数据类型与变量1.JavaScript中的数据类型（1）数值类型（number）（2）字符串类型（String）（3）对象类型(object)（4）布尔类型(Boolean)（5）空数据类型(null)（6）未赋值类型（undefined）2.JavaScript常量（1）Null，是一个特殊的空值。（2）NaN，是NotaNumber的缩写。当运算无法返回正确数值时，就会返回N

5、aN值。（3）true，布尔值“真”。（4）false，布尔值“假”。（5）在Math对象中还有一系列数学常量。变量是存储数据的内存单元。JavaScript是一种对数据类型要求不太严格的的语言，不必声明每一个变量的类型。声明变量用var语句完成，格式为：var变量名称[=初始值]方括号中的内容是可选项。说明：可以一次定义多个变量，变量之间用逗号分隔。可以在定义变量的同时初始化变量。举例如下：varstudent=false;//变量的数据类型为Boolean，初值为false。varcomputer=

6、32//变量的数据类型为Number，初值为32。varaString=""//变量的数据类型为String，初值为空字串。vara1,a2,a3//同时声明3个变量varb1=0,b2=false,b3="ok"//同时初始化3个变量3.声明JavaScript变量4.命名JavaScript变量变量的命名必须遵循以下规则：（1）第一个字符必须以字母（大小写均可）、或下划线、或美元符$开始。例如_md和md都是合法的变量名称。而2md和@md都是非法的。（2）后续的字符可以是字母、数字、下划线或美元符

7、。（3）变量名中不能包含空格。例如textname就是不合法的变量名。（4）变量名称不能是保留字。例如var是JavaScript中定义变量的保留字，在给变量起名字的时候就不能使用var。（5）变量名区分大小写。JavaScript是一种区分大小写的语言，变量名name和变量名Name是不一样的。6.3表达式与运算符1.表达式表达式是指用运算符把常数和变量连接起来的、具有一定的值的代数式。一个表达式可以只包含一个常量或一个变量。运算符可以是四则运算符、关系运算符、位运算符、逻辑运算符、复合运算符。例如：

8、(a==0)

9、

10、(b==0)是一个用关系运算符和逻辑运算符连接起来的表达式。2.运算符JavaScript提供许多运算符，在学习运算符时要密切注意运算符的优先级。编程时如果不记得运算符的优先级，可以使用括号()加以区分。常用的运算符有：（1）求相反数、逻辑非、自增、自减（2）乘、除、取模（3）加、减（4）大于、大于等于、小于、小于等于（5）等于、不等于（6）逻辑与（7）逻辑或（8）赋值6.4JavaScript的语句结构1.if条件语句if