重庆大学软件学院Web开发技术课件第4章 DHTML动态网页制作.pptVIP

第四章 DHTML动态网页制作 （学时数：4学时） 第四章 DHTML动态网页制作 学习要点 掌握JavaScript语言的数据结构和流程控制 掌握JavaScript语言的事件和对象 会使用JavaScript浏览器对象、内置对象和自建对象 了解HTML DOM主要对象，掌握HTML DOM编程技术 4.1 JavaScript编程技术及实例 4.1.1 JavaScript语言简述 4.1.2 JavaScript编程基础 4.1.3 JavaScript对象编程技术 4.1.4JavaScript ActiveX编程技术 4.1.1 JavaScript语言简述 JavaScript是一种嵌入HTML文件中的脚本语言，它是基于对象驱动的，能对鼠标点击、表单输入、页面浏览等用户事件做出反应并进行处理。JavaScript具有以下特点： 简单性 JavaScript是简化的编程语言，不像高级语言有严格的使用限制，使用简洁灵活。例如在JavaScript中可直接使用变量，不必事先声明，变量类型规定也不十分严格。 基于对象 JavaScript是一种基于对象（object-based）的语言，允许用户自定义对象，同时浏览器还提供大量的内建对象，可以将浏览器中不同的元素作为对象处理，体现了面向对象编程的思想。但JavaScript并不完全面向对象，不支持类和继承。 可移植性 JavaScript可在大多数浏览器上不经修改直接运行。 动态性 JavaScript是DHTML的重要组成部分，是设计交互式动态特别是客户端动态页面的重要工具。 安全性 JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。 JavaScript语言简述与Java区别 4.1.2 JavaScript编程基础 1. 将JavaScript程序嵌入HTML文件的方法 在HTML文件中使用script、/script标记加入JavaScript语句，可位于HTML文件的任何位置。最好是将所有脚本程序放在HEAD标记内，以确 保容易维护。在Script标记之间加上“!--”和“//--”表示如果浏览器不支持JavaScript 语言，这段代码不执行。 [例4.1] ：实现代码：4-1.txt 运行效果：4-1.html 将JavaScript程序以扩展名“.js”单独存放，再使用script src=*.js嵌入到HTML文件中，有利于实现代码共享。 [例4.2] ：实现代码：4-2.txt 运行效果：4-2.html 直接在HTML标记内添加脚本 4.1.2 JavaScript编程基础(续) 2.数据类型 JavaScript有三种数据类型：字符型、数值型和布尔型。 字符型 ：字符串数据类型用来表示 JavaScript 中的文本。脚本中的字符串文本放在一对匹配的的单引号或双引号中。字符串中可以包含双引号，该双引号两边需加单引号，例如‘4“5’，也可以包含单引号，该单引号两边需加双引号，例如”1‘5“。 JavaScript中没有表示单个字符的类型（如 C++ 的 char）。要表示JavaScript中的单个字符，应创建一个只包含一个字符的字符串。包含零个字符（）的字符串是空（零长度）字符串。 4.1.2 JavaScript编程基础(续) 数值型：在 JavaScript中，整数和浮点值没有差别；JavaScript数值可以是其中任意一种（JavaScript内部将所有的数值表示为浮点值）。 整型值可以是正整数，负整数和 0。可以用10进制，8进制和16进制来表示。在 JavaScript 中大多数字是用十进制表示的。浮点值为带小数部分的数，也可以用科学计数法来表示。相关示例如表4-1所示。 表4-1 JavaScript中数据类型示例 4.1.2 JavaScript编程基础(续) 布尔型：boolean 数据类型只有两个值，它们是文字 true 和 false。Boolean值是一个真值，它表示一个状态的有效性 说明该状态为真或假）。 脚本中的比较通常得到一个 Boolean 结果。考虑下一行 JavaScript 代码。