网页客户端脚本ppt课件.ppt

《网页客户端脚本ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、PartII客户端脚本与网页动态效果1.在网页中使用客户端脚本2.JavaScript编程基础3.JavaScript内置对象4.JavaScript内置对象的应用5.浏览器对象及其应用6.客户端脚本高级应用JavaScript是一种基于对象和事件驱动的客户端脚本语言。[在线测试]理论：10上机：4实验一：JavaScript内置对象及其应用实验二：浏览器对象及其应用实验报告二：客户端脚本及其应用1学习目标理解客户端脚本的作用；掌握在网页中使用客户端脚本的方法；掌握JavaScript语言的基本语法；掌握

2、JavaScript内置对象的作用；掌握浏览器对象在脚本编程中的作用；理解DHTML的原理，能够在网页中应用DHTML特效。2引言：交换图像；滚动控制（停止/继续滚动）；弹出式菜单产生的代码；控制页面背景音乐（播放/静音）……，需要定义页面元素（对象）当某个事件发生时所执行的代码。实时显示系统时间，需要使用JavaScript（以后简称为JS）内置的相关对象及其方法。PartII(1)在网页中使用脚本对象的PEM模型对象的两个要素与常用事件浏览器支持的两个重要对象及方法什么是脚本？什么是脚本语言？客户端脚

3、本的作用DHTML技术客户端脚本的三种使用方法脚本的运行与调试函数定义在JS脚本中输出HTML标记一个综合实例单元练习题实验五3对象的PEM模型HTML文档中的每个元素都是一个拥有属性（Property）、事件（Event）和方法（Method）的对象，称为文档对象。页面中的任何对象都有它的属性。在使用HTML标记定义时，通过设置其属性以控制对象的外观等；事件是能被对象识别的动作，事件可以由用户操作、程序代码或系统行为来触发。为增强页面的交互能力，可以定义对象的事件。例如，设置按钮实现对页面背景音乐的播放

4、或停止控制，就要定义按钮的单击事件。当触发一个对象的某个事件时，该对象能够按照某种方式做出响应，但具体的响应过程需要用户编写脚本代码来实现，这种过程称为事件过程，对事件响应的代码称为事件代码，事件代码的总称称为方法。4属性（数据）方法（动作）使用HTML标记定义对象（页面元素）时，不仅可以定义其属性，还可以定义其事件，以增强交互能力；在脚本中访问对象属性的方法：对象名.属性；注意：对象分级。例如：要访问页面中表单内的某个文本框，就需要在文本框名再前缀“表单名.”。在脚本中使用对象提供的方法：对象名.方法名

5、()对象的两个要素Return5事件常用的鼠标事件：OnClick：鼠标单击时发生；OnChange：元素的值发生改变时触发；OnFocus：获得焦点（激活对象）时触发；OnBlur：元素失去来自鼠标或键盘焦点时触发。其它事件：OnLoad：浏览器完成HTML文档载入时触发；OnUnLoad：浏览器卸载HTML文档时触发。说明：body代表文档的主体部分，OnLoad事件通常的用法是：Return6特殊对象:window是JS支持的对象，代表浏览器的窗口；向页面输出警告信息的

6、方法：alert()接收用户输入的信息：prompt()方法格式：变量名=prompt(“提示信息”);JS用法：window.alert(表达式);或alert(表达式);浏览器支持的两个重要对象及方法说明：在使用alert()或prompt()方法可以省略window，是因为window对象是浏览器的顶级对象，后面还将介绍浏览器对象模型中其它对象的用法。Return7特殊对象:document是JS支持的对象，代表浏览器窗口中的页面文档；向页面输出信息的方法：write()JS用法：document.

7、write(表达式);浏览器支持的两个重要对象及方法说明：因为document对象是浏览器的二级对象，所以前缀“document.”不能省略。Document对象的两个常用事件onload和onunload，分别在文档装载完毕和卸载（或从当前页面跳转到其它页）完毕时触发。Return8在JS脚本中输出HTML标记在JavaScript脚本语言中还可以通过document.write()方法输出HTML代码（即把HTML标记作为特殊的文本输出），它与在部分使用期HTML标记产生页面元素效果相同。

8、但后者更加灵活，这种HTML代码和JS代码的混合编程方式能实现页面的交互效果和动态效果。JS脚本代码：与HTML代码：等效。说明：在JS脚本中，把HTML标记作为特殊的字符串处理，其中的一对双引号必须要有。在脚本中能输出HTML标记，使得制作动态表