网页编程DOM文档资料.docx

1、网页编程DOM文档资料网页编程DOM文档资料目录一 HTML DOM 参考手册 3二 HTML DOM 实例 3三 BROWSER 对象参考手册 43.1 Window 对象 43.1.1 Closed属性 83.1.2 DefaultStatus 属性 93.1.3 Document 对象(另类-请参阅3.2) 93.1.4 History 对象(请参阅3.5) 93.1.5 Location 对象(请参阅3.6) 103.1.6 Name 属性 103.1.7 Navigator 对象(请参阅3.3) 113.1.8 Opener 属性 113.1.9 Screen 对象(请参阅3.4)

2、123.1.10 Self 属性 123.1.11 Status 属性 123.1.12 Top 属性 133.1.13 Alert() 方法 143.1.14 Blur() 方法 153.1.15 ClearInterval() 方法 163.1.16 ClearTimeout() 方法 163.1.17 Close() 方法 183.1.18 Confirm() 方法 193.1.19 CreatePopup() 方法 203.1.20 Focus() 方法 213.1.21 MoveBy() 方法 223.1.22 MoveTo() 方法 233.1.23 Open() 方法 243.1

3、.24 Print() 方法 283.1.25 Prompt() 方法 293.1.26 ResizeBy() 方法 313.1.27 ResizeTo() 方法 323.1.28 ScrollBy() 方法 323.1.29 ScrollTo() 方法 343.1.30 SetInterval() 方法 363.1.31 SetTimeout() 方法 373.2 Document 对象 423.3 Navigator 对象 423.4 Screen 对象 423.5 History 对象 423.6 Location 对象 42四 HTML DOM 对象参考手册 42一 HTML DOM

4、参考手册二 HTML DOM 实例三 BROWSER 对象参考手册对象描述WindowJavaScript 层级中的顶层对象，表示浏览器窗口。Navigator包含客户端浏览器的信息。Screen包含客户端显示屏的信息。History包含了浏览器窗口访问过的 URL。Location包含了当前 URL 的信息。3.1 Window 对象Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。注释：没有应用于 window 对象的公开标准，不过所有浏览

5、器都支持该对象。IE: Internet Explorer, F: Firefox, O: Opera.Window 对象集合集合描述IEFOframes返回窗口中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架或 。属性 frames.length 存放数组 frames 中含有的元素个数。注意，frames 数组中引用的框架可能还包括框架，它们自己也具有 frames 数组。419Window 对象属性属性描述IEFOclosed返回窗口是否已被关闭。419defaultStatus设置或返回窗口状态栏中的默认文本。4No9document对

6、 Document 对象的只读引用。请参阅 Document 对象。419history对 History 对象的只读引用。请参数 History 对象。419innerheight返回窗口的文档显示区的高度。NoNoNoinnerwidth返回窗口的文档显示区的宽度。NoNoNolength设置或返回窗口中的框架数量。419location用于窗口或框架的 Location 对象。请参阅 Location 对象。419name设置或返回窗口的名称。419Navigator对 Navigator 对象的只读引用。请参数 Navigator 对象。419opener返回对创建此窗口的窗口的引用。

7、419outerheight返回窗口的外部高度。NoNoNoouterwidth返回窗口的外部宽度。NoNoNopageXOffset设置或返回当前页面相对于窗口显示区左上角的 X 位置。NoNoNopageYOffset设置或返回当前页面相对于窗口显示区左上角的 Y 位置。NoNoNoparent返回父窗口。419Screen对 Screen 对象的只读引用。请参数 Screen 对象。419self返回对当前窗口的引用。等价于 Window 属性。419status设置窗口状态栏的文本。4No9top返回最顶层的先辈窗口。419windowwindow 属性等价于 self 属性，它包含了

8、对窗口自身的引用。419screenLeftscreenTopscreenXscreenY只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop，而 Firefox 和 Safari 支持 screenX 和 screenY。419Window 对象方法方法描述IEFOalert()显示带有一段消息和一个确认按钮的警告框。419blur()把键盘焦点从顶层窗口移开。419clearInterval()取消由 setInterval() 设置的 timeout。419clearTimeout()取消由

9、 setTimeout() 方法设置的 timeout。419close()关闭浏览器窗口。419confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。419createPopup()创建一个 pop-up 窗口。4NoNofocus()把键盘焦点给予一个窗口。419moveBy()可相对窗口的当前坐标把它移动指定的像素。419moveTo()把窗口的左上角移动到一个指定的坐标。419open()打开一个新的浏览器窗口或查找一个已命名的窗口。419print()打印当前窗口的内容。519prompt()显示可提示用户输入的对话框。419resizeBy()按照指定的像素调整窗口的大

10、小。419resizeTo()把窗口的大小调整到指定的宽度和高度。41.59scrollBy()按照指定的像素值来滚动内容。419scrollTo()把内容滚动到指定的坐标。419setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。419setTimeout()在指定的毫秒数后调用函数或计算表达式。419Window 对象描述Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。例如，可以只写

11、 document，而不必写 window.document。同样，可以把当前窗口对象的方法当作函数来使用，如只写 alert()，而不必写 Window.alert()。除了上面列出的属性和方法，Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。Window 对象的 window 属性和 self 属性引用的都是它自己。当你想明确地引用当前窗口，而不仅仅是隐式地引用它时，可以使用这两个属性。除了这两个属性之外，parent 属性、top 属性以及 frame 数组都引用了与当前 Window 对象相关的其他 Window 对象。要引用窗口中的一个框架，可以使用

12、如下语法：framei /当前窗口的框架self.framei /当前窗口的框架w.framei /窗口 w 的框架要引用一个框架的父窗口（或父框架），可以使用下面的语法：parent /当前窗口的父窗口self.parent /当前窗口的父窗口w.parent /窗口 w 的父窗口要从顶层窗口含有的任何一个框架中引用它，可以使用如下语法：top /当前框架的顶层窗口self.top /当前框架的顶层窗口f.top /框架 f 的顶层窗口新的顶层浏览器窗口由方法 Window.open() 创建。当调用该方法时，应把 open() 调用的返回值存储在一个变量中，然后使用那个变量来引用新窗口。新

13、窗口的 opener 属性反过来引用了打开它的那个窗口。一般来说，Window 对象的方法都是对浏览器窗口或框架进行某种操作。而 alert() 方法、confirm() 方法和 prompt 方法则不同，它们通过简单的对话框与用户进行交互。3.1.1 Closed属性定义和用法closed 属性可返回一个布尔值，该值声明了窗口是否已经关闭。该属性为只读。当浏览器窗口关闭时，表示该窗口的 Windows 对象并不会消失，它将继续存在，不过它的 closed 属性将设置为 true。语法window.closed实例下面的例子可检测新窗口是否已被关闭：function ifClosed() do

14、cument.write(myWindow has been closed!) function ifNotClosed() document.write(myWindow has not been closed!) function checkWin() if (myWindow.closed) ifClosed() else ifNotClosed() myWindow=window.open(,width=200,height=100)myWindow.document.write(This is myWindow)3.1.2 DefaultStatus 属性定义和用法defaultSt

15、atus 属性可设置或返回窗口状态栏中的默认文本。该属性可读可写。该文本会在页面加载时被显示。语法window.defaultStatus=sometext实例下面的例子讲在状态栏设置文本：window.defaultStatus=This is the default text in the status bar!;Look at the text in the statusbar.3.1.3 Document 对象(另类-请参阅3.2)每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Do

16、cument 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。3.1.4 History 对象(请参阅3.5)History 对象包含用户（在浏览器窗口中）访问过的 URL。History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。3.1.5 Location 对象(请参阅3.6)Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.locatio

17、n 属性来访问。3.1.6 Name 属性定义和用法name 属性可设置或返回存放窗口的名称的一个字符串。该名称是在 open() 方法创建窗口时指定的或者使用一个 标记的 name 属性指定的。窗口的名称可以用作一个 或者 标记的 target 属性的值。以这种方式使用 target 属性声明了超链接文档或表单提交结果应该显示于指定的窗口或框架中。语法window.name=name实例下面的例子可返回新窗口的名称：function checkWin() document.write(myWindow.name) myWindow=window.open(,MyName,width=200,

18、height=100)myWindow.document.write(This is myWindow)3.1.7 Navigator 对象(请参阅3.3)Navigator 对象包含有关浏览器的信息。注释：没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。3.1.8 Opener 属性定义和用法opener 属性是一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。opener 属性非常有用，创建的窗口可以引用创建它的窗口所定义的属性和函数。语法window.opener提示和注释注释：只有表示顶层窗口的 Window 对象的 operner 属性才

19、有效，表示框架的 Window 对象的 operner 属性无效。实例下面的例子可向 opener 窗口写文本（父窗口）：myWindow=window.open(,MyName,width=200,height=100)myWindow.document.write(This is myWindow)myWindow.focus()myWindow.opener.document.write(This is the parent window)3.1.9 Screen 对象(请参阅3.4)Screen 对象包含有关客户端显示屏幕的信息。注释：没有应用于 screen 对象的公开标准，不过所有

20、浏览器都支持该对象。3.1.10 Self 属性定义和用法self 属性可返回对窗口自身的只读引用。等价于 Window 属性。语法window.self实例下面的例子窗口是否在一个框架中，如果是，则跳出框架：function breakout() if (window.top!=window.self) window.top.location=tryjs_breakout.htm 3.1.11 Status 属性定义和用法status 属性可设置或返回窗口状态栏中的文本。语法window.status=sometext说明status 属性是一个可读可写的字符串，声明了要在窗口状态栏中显示的

21、一条消息。通常显示这条消息的时间是有限的，直到其他的消息将它覆盖，或者用户把鼠标移动到窗口的其他区域为止。当擦除了 status 声明的消息时，状态栏要么恢复为它默认的空白状态，要么是再次显示出属性 defaultStatus 声明的默认消息。据我们所知，不少浏览器已经关闭了脚本化它们的状态栏的功能。这是一项安全措施，防止隐藏了超链接真正目的的钓鱼攻击。实例下面的例子讲在状态栏设置文本：window.status=Some text in the status bar!3.1.12 Top 属性定义和用法top 属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个

22、顶级窗口，top 属性存放对窗口自身的引用。如果窗口是一个框架，那么 top 属性引用包含框架的顶层窗口。语法window.top实例下面的例子窗口是否在一个框架中，如果是，则跳出框架：function breakout()if (window.top!=window.self) window.top.location=tryjs_breakout.htmClick the button to break out of the frame:3.1.13 Alert() 方法定义和用法alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。语法alert(message)参数描述

23、message要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本）实例: 显示带有折行的对话框function disp_alert()alert(再打个招呼。这里演示了 + n + 如何在消息框中添加折行。)3.1.14 Blur() 方法定义和用法blur() 方法可把键盘焦点从顶层窗口移开。语法window.blur()说明方法 blur() 可把键盘焦点从顶层浏览器窗口移走，整个窗口由 Window 对象指定。哪个窗口最终获得键盘焦点并没有指定。提示和注释注释：在某些浏览器上，该方法可能无效。实例: 从新窗口移开焦点 myWindow=window.open(,wi

24、dth=200,height=100)myWindow.document.write(This is myWindow)myWindow.blur()3.1.15 ClearInterval() 方法定义和用法clearInterval() 方法可取消由 setInterval() 设置的 timeout。clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。语法clearInterval(id_of_setinterval)参数描述id_of_setinterval由 setInterval() 返回的 ID 值。实例下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock：var int=self.setInterval(clock(),50)function clock() var t=new Date() document.getElementById(clock).value=t Stop interval3.1.16 ClearTime