html语言与网页设计dhtml技术

《html语言与网页设计dhtml技术》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、HTML语言与网页设计——DHTML技术1学习目标理解客户端脚本的作用，掌握在网页中使用客户端脚本的方法。理解JavaScript语言的基本语法。理解JavaScript对象和浏览器对象在脚本编程中的作用。理解DHTML的原理，能够在网页中应用DHTML特效。2Part1在网页中使用脚本3什么是脚本脚本（Script）实际上就是一段程序，用来完成某些特殊的功能。服务器端脚本：例如ASP、JSP、PHP等客户端脚本：例如JavaScript、VBScript等。4客户端脚本的作用客户端脚本经常用来检测浏览器、响应用户动作、验证表单数据以及显

2、示各种自定义内容，如特殊动画、对话框等。5使用客户端脚本方式1：插入脚本用script标记符嵌入脚本程序，例如：此处为程序代码6演示——插入脚本7使用客户端脚本方式2：直接添加脚本直接将代码作为事件响应属性的值。例如：8演示——直接添加脚本9使用客户端脚本方式3：链接脚本文件用script的src属性指定一个外部javascirpt文件（后缀为.js）例如：

3、ptlanguage=javascriptsrc=test.js>10演示——链接脚本文件11Part2JavaScript简介12JavaScript简介变量不需要指定类型，用var定义，也可不定义JavaScript运算符与C语言非常相似，包括算术运算符、逻辑运算符、比较运算符、字符串运算符、条件运算符等。13JavaScript简介JavaScript语句也与C语言很相似，包括：条件语句（ifelse,switch）、循环语句（for,while,dowhile）等。如果一行用多个语句，应用分号分隔，否则可以省略分

4、号。14JavaScript函数JavaScript函数用function作为关键字，通常在HEAD标记符内定义，形式如下：functionfun_name(参数，参数){语句}15演示——使用函数16使用JavaScript对象对象的两个要素：属性（数据）方法（动作）JavaScript中的两类对象：JavaScript内置对象浏览器对象17JavaScript内置对象日期对象先用new关键字创建数学对象不需创建，可直接使用18演示——使用内置对象19浏览器对象文档对象模型（DOM）用于表示HTML元素以及Web浏览器信息的一个模型，它

5、使脚本可以访问Web页上的信息。20文档对象模型示意图21对象的引用根据对象的包含关系，使用成员引用操作符一层一层地引用对象例如：window.location较低层次对象一般用名称（对应于id属性或name属性）引用例如：document.form1.test22document对象属性all,bgcolor,forms,title事件onload,onunload方法write()23事件机制JavaScript事件处理器浏览器显示键盘鼠标操作更新浏览器显示键盘鼠标事件24演示——使用document对象25window对象属性

6、document,history,loction,status方法alert(),confirm(),prompt(),open(),setInterval()26演示——使用window对象27演示——使用form对象Example1Example228DHTML技术动态HTML（DynamicHTML，简称DHTML）技术建立在原有技术之上，包括三个方面：HTMLCSS客户端脚本29演示——使用dhtml技术DHTMLexample1DHTMLexample2DHTMLexample3DHTMLexample4DHTMLexample

7、5DHTMLexample630That’sallforthischapter!31