DHTML动态网页制作.ppt

学习要点 掌握JavaScript语言的数据结构和流程控制 掌握JavaScript语言的事件和对象 会使用JavaScript浏览器对象、内置对象和自建对象 了解HTML DOM主要对象，掌握HTML DOM编程技术 DHTML动态网页制作 DHTML使网页设计者可以动态操纵网页上的所有元素。利用DHTML，网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。此外，网页设计者还可利用DHTML在网页上显示外部信息，方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器，同时也无需重新装载网页。 第4章 DHTML动态网页制作 4.1 JavaScript编程技术及实例 4.2 HTML DOM程序设计初步 4.3 DHTML综合编程实践 4.1 JavaScript编程技术及实例 知识点 4.1.1 JavaScript语言简述 JavaScript特点； JavaScript语言简述与Java区别； 4.1.2 JavaScript编程基础 将JavaScript程序嵌入HTML文件的方法 ；数据类型 ；常量和变量 运算符和表达式 ； 函数；流程控制 ； 事件驱动及事件处理 4.1.3 JavaScript对象编程技术 JavaScript的对象 ；JavaScript常用的内置对象 ；用户自定义对象 4.1.4JavaScript ActiveX编程技术 4.1 JavaScript编程技术及实例-JavaScript特点 4.1.1 JavaScript语言简述 JavaScript是一种嵌入HTML文件中的脚本语言，它是基于对象驱动的，能对鼠标点击、表单输入、页面浏览等用户事件做出反应并进行处理。JavaScript具有以下特点： 简单性。JavaScript是简化的编程语言，不像高级语言有严格的使用限制，使用简洁灵活。例如在JavaScript中可直接使用变量，不必事先声明，变量类型规定也不十分严格。 基于对象。JavaScript是一种基于对象（object-based）的语言，允许用户自定义对象，同时浏览器还提供大量的内建对象，可以将浏览器中不同的元素作为对象处理，体现了面向对象编程的思想。但JavaScript并不完全面向对象，不支持类和继承。 可移植性。JavaScript可在大多数浏览器上不经修改直接运行。 动态性。JavaScript是DHTML的重要组成部分，是设计交互式动态特别是客户端动态页面的重要工具。 安全性。JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。 4.1 JavaScript编程技术及实例-将JavaScript程序嵌入HTML文件的方法 4.1.2 JavaScript编程基础 将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 JavaScript编程技术及实例-数据类型 2.数据类型 JavaScript有三种数据类型：字符型、数值型和布尔型。 字符型 ：字符串数据类型用来表示 JavaScript 中的文本。脚本中的字符串文本放在一对匹配的的单引号或双引号中。字符串中可以包含双引号，该双引号两边需加单引号，例如‘4“5’，也可以包含单引号，该单引号两边需加双引号，例如”1‘5“。 数值型 ：在 JavaScript中，整数和浮点值没有差别； JavaScript数值可以是其中任意一种（JavaScript内部将所有的数值表示为浮点值）。 布尔型 ：boolean 数据类型只有两个值，它们是文字 true 和 false。Boolean值是一个真值，它表示