JavaScript——ppt讲解解读.ppt

* window 对象是JavaScript 层级中的顶层对象，这个对象会在一个页面中body或frameset出现时被自动创建，也就是一个浏览器中显示的网页会自动拥有相关的window对象。 9.6.4 窗口 1. 框架程序中Window对象应用 window对象是JavaScript层级的顶层对象。该对象会在一个页面中body或frameset出现时被自动创建，也就是浏览器中显示的网页会自动拥有相关的window对象。。 2. window对象中的主要属性 （1）history：该对象记录了一系列用户访问的网址，可以通过history对象的back()、forward() 和 go() 方法来重复执行以前的访问。 9.6.4 窗口 （2）location：window对象的location表示本窗口中当前显示文档的 Web 地址，如果把一个含有 URL 的字符串赋予location对象或它的href属性，浏览器就会把新的URL所指的文档装载进来，并显示在当前窗口。例如：window.location = “/index.html”; （3）navigator: 是一个包含有关客户机浏览器信息的对象。例如：var browser = navigator.appName; （4）screen：每个 window 对象的 screen 属性都引用一个 screen 对象。screen 对象中存放着有关显示浏览器屏幕的信息。 9.6.4 窗口 （5）parent：获得当前窗口的父窗口对象引用。 （6）top：窗口可以层层嵌套，典型的如框架，top表示最高层的窗口对象引用。 （7）self：返回对当前窗口的引用，等价于 window 属性。 9.6.4 窗口 3. window对象中的主要方法 前面在介绍window对象的时候，陆陆续续的已经介绍了很多属于window对象的方法，如三种类型的对话框，设置按时间重复执行某个功能的setInterval()，移动窗口位置的moveTo()等等。除此之外，Window对象还有一些主要的方法可供使用： （1）close()：关闭浏览器窗口。 （2）createPopup()：创建一个右键弹出窗口。 （3）open()：打开一个新的浏览器窗口或查找一个已命名的窗口。 9.6.4 窗口 事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。 1. 网页访问中常见的事件 根据事件触发的来源不同，可以分为鼠标事件、键盘事件和浏览器事件三种主要类型。 9.7 事件编程 9.7.1 事件简介 2. 主要事件句柄 当事件发生时，浏览器会自动查询当前页面上是否指定了对应的事件处理函数，如果没有指定，则什么也不会发生，如果指定了，则会调用执行对应的事件处理代码，完成一个事件的响应。通过设置页面元素的事件处理句柄可以将一段事件处理代码和该页面元素的特定事件关联起来。表9-11所示为典型的事件和事件句柄的对照关系。 9.7.1 事件简介 3. 指定事件处理程序 1）直接在 HTML 标记中静态指定 基本语法： 标记 ... ... 事件=事件处理程序 [事件=事件处理程序 ...] 语法说明： 这是一种静态的指定方式，可以为一个元素同时指定1到多个事件处理程序，事件处理程序既可以是script标记中的自定义函数，还可以直接将事件处理代码写在此位置。 9.7.1 事件简介 例如： input type=button onclick=createOrder() value=发送教材选购单 body onload=alert(网页读取完成！) onunload=alert(再见！) 9.7.1 事件简介 2）在 JavaScript 中动态指定 基本语法： 事件对象.事件 = 事件处理程序; 语法说明： 这种用法中，“事件处理程序”是真正的代码，而不是字符串形式的代码。如果事件处理程序是一个自定义函数，如无使用参数的需要，就不要加“()”。 9.7.1 事件简介 例如： script type=text/javascript function m(){ alert(再见); } window.onload=function(){ alert(网页读取完成); } window.onunload=m;//这里制定了页面卸载时，执行函数m /script 9.7.1 事件简介 Form表单是网页设计是一种重要的和用户进行交互的工具，它用于搜集不同类型的用户输入。 Form表单本身支持很多事件，典型的有两个，一个