网页制作及应用（第二版）潘明寒电子教案 网页 二版 第6章.PPTVIP

6.1 JavaScript 简介 6.2 数据类型与变量 3. JavaScript的自定义对象 有三个步骤： 第1歩：定义对象的构造函数，用来说明这个对象的各种属性。 第2歩：通过new语句创建对象的实例。 第3歩：通过“对象名.属性名”调用各属性的值。 （1）定义对象的构造函数 function 构造函数名（对象名）（参数1，参数2，参数3，……） { this.属性1=参数1; this.属性2=参数2; ... } 这里的this指对象本身，在构造函数中通过this语句引用当前对象。（2）创建对象的实例 用new语句创建对象的实例。 （3）调用对象的属性 有了对象的实例后，用实例名加属性名显示实例的属性值。 举例： html headtitle 自定义对象练习/title Script Language =JavaScript function student(thename,thesex,theage){ this.name=thename; this.sex=thesex; this.age=theage; } /script/head bodyScript Language =JavaScript var stu1=new student(“张三”,“男”,“20”); //生成实例 document.write(stu1.name,stu1.sex,stu1.age); /script /body /html * 网页制作及应用 第六章 在网页中使用JavaScript 本章学习目标 1. JavaScript的概念 2. JavaScript的数据类型和变量 3. JavaScript的语句 4. JavaScript的内置对象和函数 5. JavaScript的事件 JavaScript是一种基于对象和事件驱动、具有安全性能、嵌入式的客户端脚本语言。利用JavaScript编写一些模块，可以实现动态的、实时的、可交互的网页功能。JavaScript开发的是客户端应用程序，它的功能是通过嵌入或调入方法在标准的HTML语言中实现的。例如验证和处理用户输入的信息。 1. JavaScript主要优点 简单、易操作 、减少服务器开销 、动态 、跨平台 。 2.JavaScript程序格式 （1）JavaScript 代码要用HTML标签script和/script括起来，可以 插入在 HTML 文档的任意地方。 （2）基本格式： script language=脚本语言名称 JavaScript代码 /script 其中，Language属性用来指定脚本语言，可以是JavaScript，也可以是VBScript。 （3） JavaScript有单行注释和多行注释，单行注释用“//”开头， “//”后面的部分不被执行。多行注释用“/*”和“*/”括起来， “/*” 与“*/”之间的语句不执行。 （4）可以用花括号将一个或多个语句括起来成为语句块，语句块可以嵌套。 3.在Dreamweaver中设置脚本标记符为可显示 “编辑”菜单→“首选参数”→在对话框左边“分类”列表中选“不可见元素”→在对话框右边“不可见元素”列表中勾选“脚本”→单击“确定”。如图所示。 4．在Dreamweaver中设置不可见元素为可见 “查看”菜单→“可视化助理”→“不可见元素”。如图所示。 5．在Dreamweaver设计视图中插入脚本 “插入”菜单→“HTML”→“脚本对象”→“脚本”，如图所示。 1. JavaScript中的数据类型 （1）数值类型（number） （2）字符串类型（String） （3）对象类型(object) （4）布尔类型(Boolean) （5）空数据类型(null) （6）未赋值类型（undefined） 2. JavaScript常量 （1）Null，是一个特殊的空值。 （2）NaN ，是Not a Number的缩写。当运算无法返回正确数值时，就会返回NaN值。 （3）true ，布尔值“真”。 （4）false， 布尔值“假”。 （5）在 Math 对象中还有一系列数学常量。 变量是存储数据的内存单元。JavaScript是一种对数据类型要求不太严格的的语言，不必声明每一个变量的类型。声明变量用 var 语句完成，格式为：var 变量名称 [=初始值] 方括号中的内容是可选项。 说明：可以一次定义多个变量，变量之间用逗号分隔。可以在定义变量的同时初始化变量。举