JavaScript完全教程.ppt

（3）HTML DOM的很多对象模型都来自于核心DOM，如HTMLDocument接口借鉴自核心DOM的Document接口。 二、HTMLDocument接口 一、说明：1、HTMLDocument接口继承自核心DOM的Document接口，它代表加载到浏览器中的HTML文档。 2、使用window.document属性可以获取对加载文档的应用，该属性返回一个HTMLDocument实例。代表当前window或指定window对象内加载的文档。 3、可以使用下面的格式一个窗口内的Document对象： 窗口名称.document 对于当前窗口，可以使用：window.document 由于window可以省略，所以经常写作：document 就可以直接访问当前文档的HTMLDocument实例，所以也经常称HTMLDocument接口的实例就是document对象。（从上面的解释可知：平常所说的document对象若在HTML文档中是HTMLDocument接口的实例。） 后面讲解，直接使用“document对象”的称呼 二、Document 对象 1、每个载入浏览器的 HTML 文档都会成为 Document 对象。 2、Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 3、Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。 三、Document 对象集合： 【知识拓展】 1、all 集合返回对文档中所有 HTML 元素的引用。语法： document.all[i] document.all[name] document.all.tags[tagname] 说明：（1）all[] 是一个多功能的类似数组的对象，它提供了对文档中所有 HTML 元素的访问。all[] 数组源自 IE 4 并且已经被很多其他的浏览器所采用。 （2）all[] 已经被 Document 接口的标准的 getElementById() 方法和 getElementsByTagName() 方法以及 Document 对象的 getElementsByName() 方法所取代。所以，尽量不要使用all[]获取HTML元素，而应使用上面的三个方法。 （3）经常使用 all[] 数组，根据它们的 HTML 属性 name 或 id 来访问元素。如果多个元素拥有指定的 name，将得到共享同一名称的元素的一个数组。 注：此处之所以说all[]是因为你以后可能会在别人写的代码中可到：document.all[] 的用法 2、forms 集合： 返回对文档中所有 Form 对象的引用。 语法：document.forms[] 3、images [] 定义和用法:images 集合可返回对文档中所有 Image 对象的引用。 语法:document.images[] 四、document对象的属性： 1、title 属性：返回当前文档的标题（ HTML title 元素中的文本）。 语法：document.title 结果： 2、URL 属性：返回当前文档的 URL。 语法：document.URL 说明：一般情况下，该属性的值与包含文档的 Window 的 location.href 属性相同。 示例，最好将该文档放到Apache服务器下运行： 显示结果： 作业：1、使用form[]属性获取一个表单中的name属性值和method属性值。 2、使用title属性获取当前文档的标题，并且显示到页面中。 3、使用URL属性获取当前页面的URL值。 五、方法： 说明：上面的方法都非常重要。 第五章 浏览器对象模型（BOM） 之其他对象 一、location对象 一、说明： 1、location对象描述的是某一个窗口对象所打开的地址（包含有关当前 URL 的信息）。 2、location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。 二、location对象常用属性： 示例：输出上面属性值 说明，为了使上面的值能够输出，将上面的HTML网页放到XAMPP的htdocs下面，访问地址： http://localhost:80/demo/location.html?name=gxwvalue=1#part2 （？后边部分是为了测试故意加的），显示结果： 注意：上面的属性例子只是获取值，也可以为这些属性赋值，来改变它，比如： 通常我们使用： window.location.href （或者：location