HTML语言与网页设计

《HTML语言与网页设计》由会员分享，可在线阅读，更多相关《HTML语言与网页设计（31页珍藏版）》请在装配图网上搜索。

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

2、数据以 及显示各种自定义内容，如特殊 动画、对话框等。 6 使用客户端脚本 方式 1：插入脚本 用 script标记符嵌入脚本程序， 例如： 此处为程序代码 7 演示 插入脚本 8 使用客户端脚本 方式 2：直接添加脚本 直接将代码作为事件响应属性的 值。 例如： 9 演示 直接添加脚本 10 使用客户端脚本 方式 3：链接脚本文件 用 script的 src属性指定一个外部 javascirpt文件（后缀为 .js ） 例如： 11 演示 链接脚本文件 12 Part 2 JavaScript简介 13 JavaScript简介 变量不需要指定类型，用 var定 义，也可不定义 JavaSc

3、ript运算符与 C语言非常 相似，包括算术运算符、逻辑运 算符、比较运算符、字符串运算 符、条件运算符等。 14 JavaScript简介 JavaScript语句也与 C语言很相 似，包括：条件语句（ if else, switch）、循环语句（ for, while, do while）等。 如果一行用多个语句，应用分号 分隔，否则可以省略分号。 15 JavaScript函数 JavaScript函数用 function作 为关键字，通常在 HEAD标记符 内定义，形式如下： function fun_name(参数，参数 ) 语句 16 演示 使用函数 17 使用 JavaScrip

4、t对象 对象的两个要素： 属性（数据） 方法（动作） JavaScript中的两类对象： JavaScript内置对象 浏览器对象 18 JavaScript内置对象 日期对象 先用 new关键字创建 数学对象 不需创建，可直接使用 19 演示 使用内置对象 20 浏览器对象 文档对象模型（ DOM） 用于表示 HTML元素以及 Web浏 览器信息的一个模型，它使脚本 可以访问 Web页上的信息。 21 文档对象模型示意图 22 对象的引用 根据对象的包含关系，使用成员 引用操作符一层一层地引用对象 例如： window.location 较低层次对象一般用名称（对应 于 id属性或 name

5、属性）引用 例如： document.form1.test 23 document对象 属性 all, bgcolor, forms, title 事件 onload, onunload 方法 write() 24 事件机制 JavaScript 事件处理器 浏览器显示 键盘鼠标 操作 更新 浏览器显示 键盘鼠标 事件 25 演示 使用 document对象 26 window对象 属性 document, history, loction, status 方法 alert(), confirm(), prompt(), open(), setInterval() 27 演示 使用 window对象 28 演示 使用 form对象 Example1 Example2 29 DHTML技术 动态 HTML（ Dynamic HTML， 简称 DHTML）技术建立在原有 技术之上，包括三个方面： HTML CSS 客户端脚本 30 演示 使用 dhtml技术 DHTML example1 DHTML example2 DHTML example3 DHTML example4 DHTML example5 DHTML example6 31 Thats all for this chapter!