高中信息技术 粤教版选修3 5.1动态HTML(共12张PPT)

动态HTML 一、网页脚本 1.脚本 脚本是一组指令能被浏览器程序解释执行。在万维网上，人们常用脚本语言（JavaScript和VBScript）来实现动态效果或制作更强的交互功能，例如，近期出现的AJAX技术。 下面介绍的脚本以JavaScript为例，如下图5-1所示 JavaScript的代码对大小写敏感。用户必须严格遵守程序书写格式。由于JavaScript是按行逐一解释执行的，如果中间出现错误，脚本程序将停止执行后面的语句操作。 可以使用Web浏览器来调试JavaScript，如在NetScape中，可以在地址栏键入“javascript：”进行调试。而在IE中，你会看到页面底部状态条有一个错误图标，当页面出错时，点击此图标可以找到错误的详细信息，如图5-2所示。 2.事件 事件是浏览器响应用户操作的机制，JavaScript的事件处理功能可以改变浏览器响应这些操作的方式，从而开发具有交互性的网页。 事件是说明用户与网页交互时产生的操作，如下图5-3所示。 JavaScript定义了链接、交互等事件，还定义了对应这些HTML标记的标识属性，这些属性的值是表示事件处理代码的文本，见表5-1。 3.实践 运行教材所附光盘“工具”文件夹中的“网页特效百宝箱”，尝试把更多的脚本复制到你的网页中，为你的网站增加特色。 二、样式表定位 样式表定位技术最主要、最基础的内容是：使用<DIV>/<DIV>标记来放置页面元素。 三、文档对象模型 文档对象模型是动态HTML事物核心内容，DOM体现的是网页各元素之间的关系。包括浏览器自身属性（如浏览器的版本号），窗口自身的属性（如网页的URL），各HTML元素，甚至还包括一些背景信息（如当前日期、时间等）。通过利用脚本语言编程控制DOM，可使更多的网页元素产生变化（如自动显示最新刷新时间等）。 谢 谢！ $$