HTMLDOM对象2017年1月6日星期五浏览器对象BOM结构示意图:WindowHistoryFramesDocumentScreenNavigatorLocationAnchorsImagesLinksFormsLocationAppletsEmbedsElementsButtonCheckboxFileuploaHiddenPasswordRadioResetSelectSubmitTextTextareaOptions1、Window对象Window对象表示浏览器中打开的窗口。如果文档包含框架(frame或iframe标签),浏览器会为HTML文档创建一个window对象,并为每个框架创建一个额外的window对象。1.11.1、、集合集合集合描述frames[]返回窗口中所有命名的框架。该集合是Window对象的数组,每个Window对象在窗口中含有一个框架或iframe。属性frames.length存放数组frames[]中含有的元素个数。注意,frames[]数组中引用的框架可能还包括框架,它们自己也具有frames[]数组。1.21.2、、属性属性属性描述closed返回窗口是否已被关闭。defaultStatus设置或返回窗口状态栏中的默认文本。document对Document对象的只读引用。请参阅Document对象。history对History对象的只读引用。请参数History对象。innerheight返回窗口的文档显示区的高度。innerwidth返回窗口的文档显示区的宽度。length设置或返回窗口中的框架数量。HTMLDOM对象2017年1月6日星期五location用于窗口或框架的Location对象。请参阅Location对象。name设置或返回窗口的名称。Navigator对Navigator对象的只读引用。请参数Navigator对象。opener返回对创建此窗口的窗口的引用。outerheight返回窗口的外部高度。outerwidth返回窗口的外部宽度。pageXOffset设置或返回当前页面相对于窗口显示区左上角的X位置。pageYOffset设置或返回当前页面相对于窗口显示区左上角的Y位置。parent返回父窗口。Screen对Screen对象的只读引用。请参数Screen对象。self返回对当前窗口的引用。等价于Window属性。status设置窗口状态栏的文本。top返回最顶层的先辈窗口。windowwindow属性等价于self属性,它包含了对窗口自身的引用。screenLeftscreenTopscreenXscreenY只读整数。声明了窗口的左上角在屏幕上的的x坐标和y坐标。IE、Safari和Opera支持screenLeft和screenTop,而Firefox和Safari支持screenX和screenY。1.31.3、、方法方法方法描述alert()显示带有一段消息和一个确认按钮的警告框。blur()把键盘焦点从顶层窗口移开。clearInterval()取消由setInterval()设置的timeout。clearTimeout()取消由setTimeout()方法设置的timeout。HTMLDOM对象2017年1月6日星期五close()关闭浏览器窗口。confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。createPopup()创建一个pop-up窗口。focus()把键盘焦点给予一个窗口。moveBy()可相对窗口的当前坐标把它移动指定的像素。moveTo()把窗口的左上角移动到一个指定的坐标。open()打开一个新的浏览器窗口或查找一个已命名的窗口。print()打印当前窗口的内容。prompt()显示可提示用户输入的对话框。resizeBy()按照指定的像素调整窗口的大小。resizeTo()把窗口的大小调整到指定的宽度和高度。scrollBy()按照指定的像素值来滚动内容。scrollTo()把内容滚动到指定的坐标。setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。setTimeout()在指定的毫秒数后调用函数或计算表达式。1.41.4、描述、描述Window对象表示一个浏览器窗口或一个框架。在客户端JavaScript中,Window对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写document,而不必写window.document。同样,可以把当前窗口对象的方法当作函数来使用,如只写alert(),而不必写Window.alert()。除了上面列出的属性和方法,Window对象还实现了核心JavaScript所定义的所有全局属性和方法。Window对象的window属性和self属性引用的都是它自己。当你想明确地引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。除了这两个属性之外,parent属性、top属性以及frame[]数组都引用了与当前Window对象相关的其他Window对象。要引用窗口中的一个框架,可以使用如下语法:HTMLDOM对象2017年1月6日星期五frame[i]//当前窗口的框架self.frame[i]//当前窗口的框架w.frame[i]//窗口w的框架要引用一个框架的父窗口(或父框架),可以使用下面的语法:parent//当前窗口的父窗口self.parent//当前窗口的父窗口w.parent//窗口w的父窗口要从顶层窗口含有的任何一个框架中引用它,可以使用如下语法:top//当前框架的顶层窗口self.top//当前框架的顶层窗口f.top//框架f的顶层窗口2、History对象History对象包含用户(在浏览器窗口中)访问过的URL。History对象是window对象的一部分,可通过window.history属性对其进行访问。2.12.1、、属性属性属性描述length返回浏览器历史列表中的URL数量。2.22.2、、方法方法方法描述back()加载history列表中的前一个URL。forward()加载history列表中的下一个URL。go()加载history列表中的某个具体页面。HTMLDOM对象2017年1月6日星期五2.32.3、、描述描述History对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History对象不再允许脚本访问已经访问过的实际URL。唯一保持使用的功能只有back()、forward()和go()方法。例子下面一行代码执行的操作与单击后退按钮执行的操作一样:history.back()下面一行代码执行的操作与单击两次后退按钮执行的操作一样:history.go(-2)3、Location对象Location对象包含有关当前URL的信息。Location对象是Window对象的一个部分,可通过window.location属性来访问。3.13.1、、属性属性属性描述hash设置或返回从井号(#)开始的URL(锚)。host设置或返回主机名和当前URL的端口号。hostname设置或返回当前URL的主机名。href设置或返回完整的URL。pathname设置或返回当前URL的路径部分。port设置或返回当前URL的端口号。protocol设置或返回当前URL的协议。search设置或返回从问号(?)开始的URL(查询部分)。HTMLDOM对象2017年1月6日星期五3.23.2、方法、方法属性描述assign()加载新的文档。reload()重新加载当前文档。replace()用新的文档替换当前文档。4、Navigator对象Navigator对象包含有关浏览器的信息。4.1.4.1.NavigatorNavigator对象集合对象集合集合描述plugins[]返回对文档中所有嵌入式对象的引用。该集合是一个Plugin对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in对象提供的是有关插件的信息,其中包括它所支持的MIME类型的列表。虽然plugins[]数组是由IE4定义的,但是在IE4中它却总是空的,因为IE4不支持插件和Plugin对象。4.24.2、、NaNavigatorvigator对象属性对象属性属性描述appCodeName返回浏览器的代码名。appMinorVersion返回浏览器的次级版本。appName返回浏览器的名称。appVersion返回浏览器的平台和版本信息。browserLanguage返回当前浏览器的语言。cookieEnabled返回指明浏览器中是否启用cookie的布尔值。cpuClass返回浏览器系统的CPU等级。HTMLDOM对象2017年1月6日星期五onLine返回指明系统是否处于脱机模式的布尔值。platform返回运行浏览器的操作系统平台。systemLanguage返回OS使用的默认语言。userAgent返回由客户机发送服务器的user-agent头部的值。userLanguage返回OS的自然语言设置。4.34.3、、NavigatorNavigator对象方法对象方法方法描述javaEnabled()规定浏览器是否启用Java。taintEnabled()规定浏览器是否启用数据污点(datatainting)。4.44.4、、NavigatorNavigator对象描述对象描述Navigator对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。虽然这个对象的名称显而易见的是Netscape的Navigator浏览器,但其他实现了JavaScript的浏览器也支持这个对象。Navigator对象的实例是唯一的,可以用Window对象的navigator属性来引用它。HTMLDOM对象1、Document对象每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。提示:Document对象是Window对象的一部分,可通过window.document属性对其进行访问1.11.1、、集合集合集合描述all[]提供对文档中所有HTML元素的访问。anchors[]返回对文档中所有Anchor对象的引用。HTMLDOM对象2017年1月6日星期五applets返回对文档中所有Applet对象的引用。forms[]返回对文档中所有Form对象引用。images[]返回对文档中所有Image对象引用。links[]返回对文档中所有Area和Link对象引用。1.21.2、、属性属性属性描述body提供对body元素的直接访问。对于定义了框架集的文档,该属性引用最外层的frameset。cookie设置或返回与当前文档有关的所有cookie。domain返回当前文档的域名。lastModified返回文档被最后修改的日期和时间。referrer返回载入当前文档的文档的URL。title返回当前文档的标题。URL返回当前文档的URL。1.31.3、、方法方法方法描述close()关闭用document.open()方法打开的输出流,并显示选定的数据。getElementById()返回对拥有指定id的第一个对象的引用。getElementsByName()返回带有指定名称的对象集合。getElementsByTagName()返回带有指定标签名的对象集合。open()打开一个流,以收集来自任何document.write()或document.writeln()方法的输出。write()向文档写HTML表达式或JavaScript代码。HTMLDOM对象2017年1月6日星期五writeln()等同于write()方法,不同的是在每个表达式之后写一个换行符。1.41.4、、描述描述HTMLDocument接