搜索
1HTML语言与网页设计——DHTML技术2学习目标理解客户端脚本的作用，掌握在网页中使用客户端脚本的方法。理解JavaScript语言的基本语法。理解JavaScript对象和浏览器对象在脚本编程中的作用。理解DHTML的原理，能够在网页中应用DHTML特效。3Part1在网页中使用脚本4什么是脚本脚本（Script）实际上就是一段程序，用来完成某些特殊的功能。服务器端脚本：例如ASP、JSP、PHP等客户端脚本：例如JavaScript、VBScript等。5客户端脚本的作用客户端脚本经常用来检测浏览器、响应用户动作、验证表单数据以及显示各种自定义内容，如特殊动画、对话框等。6使用客户端脚本方式1：插入脚本用script标记符嵌入脚本程序，例如：scriptlanguage=Javascript此处为程序代码/script7演示——插入脚本8使用客户端脚本方式2：直接添加脚本直接将代码作为事件响应属性的值。例如：inputtype=buttononclick=javascript:alert(“hello”)9演示——直接添加脚本10使用客户端脚本方式3：链接脚本文件用script的src属性指定一个外部javascirpt文件（后缀为.js）例如：scriptlanguage=javascriptsrc=test.js/script11演示——链接脚本文件12Part2JavaScript简介13JavaScript简介变量不需要指定类型，用var定义，也可不定义JavaScript运算符与C语言非常相似，包括算术运算符、逻辑运算符、比较运算符、字符串运算符、条件运算符等。14JavaScript简介JavaScript语句也与C语言很相似，包括：条件语句（ifelse,switch）、循环语句（for,while,dowhile）等。如果一行用多个语句，应用分号分隔，否则可以省略分号。15JavaScript函数JavaScript函数用function作为关键字，通常在HEAD标记符内定义，形式如下：functionfun_name(参数，参数){语句}16演示——使用函数17使用JavaScript对象对象的两个要素：属性（数据）方法（动作）JavaScript中的两类对象：JavaScript内置对象浏览器对象18JavaScript内置对象日期对象先用new关键字创建数学对象不需创建，可直接使用19演示——使用内置对象20浏览器对象文档对象模型（DOM）用于表示HTML元素以及Web浏览器信息的一个模型，它使脚本可以访问Web页上的信息。21文档对象模型示意图22对象的引用根据对象的包含关系，使用成员引用操作符一层一层地引用对象例如：window.location较低层次对象一般用名称（对应于id属性或name属性）引用例如：document.form1.test23document对象属性all,bgcolor,forms,title事件onload,onunload方法write()24事件机制JavaScript事件处理器浏览器显示键盘鼠标操作更新浏览器显示键盘鼠标事件25演示——使用document对象26window对象属性document,history,loction,status方法alert(),confirm(),prompt(),open(),setInterval()27演示——使用window对象28演示——使用form对象Example1Example229DHTML技术动态HTML（DynamicHTML，简称DHTML）技术建立在原有技术之上，包括三个方面：HTMLCSS客户端脚本30演示——使用dhtml技术DHTMLexample1DHTMLexample2DHTMLexample3DHTMLexample4DHTMLexample5DHTMLexample631That’sallforthischapter!