JavaScript常用浏览器对象总结

JS常用浏览器对象包括window对象，以及window下的history子对象，document子对象和location子对象，如下图：

一 window对象

浏览器内部对象用于和HTML文档进行交互，而window对象是浏览器内部对象中的核心对象，也是层次最高的对象。window对象代表的是打开的浏览器窗口。window对象是全局对象，它的属性可作为全局变量来使用，它的方法可当作函数来使用，也就是说，引用window对象的属性和方法时，可以省略对象名。如：使用document属性不必写作window.document，使用alert()方法不必写作window.alert()。

window对象调用其方法和属性的格式：window.属性名

window.方法名（参数列表）

常用window对象属性及方法：

window中的open方法：

功能：用于打开一个新的浏览器窗口或查找一个已命名的窗口。

语法：window.open(URL,name,features,replace)

参数：

*URL：可选。声明在新窗口中显示文档的URL。如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档。

*name：可选。声明了新窗口的名称。该窗口名称在a元素和form元素的target属性中使用。如果该参数指定了一个已经存在的窗口，那么open()方法就不再创建一个新窗口，而只是返回对指定窗口的引用，并且在这种情况下，features参数将被忽略。

*features：可选。声明了新窗口要显示的标准浏览器的特征。如果省略该参数，新窗口将具有所有标准特征。

*replace： 可选。规定了装载到窗口的URL是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。取值为true时，URL替换浏览历史中的当前条目；取值为false时，URL在浏览历史中创建新的条目。

返回值：返回对新窗口的Window对象的引用。

二 document子对象

又称为文档对象，该对象JavaScript中的最重要的一个对象。document对象是Window对象中的一个子对象，Window对象代表浏览器窗口，而document对象代表了浏览器窗口中的文档。JavaScript会为每个HTML文档自动创建一个document对象。通过document对象可以操作HTML文档中的内容及其他对象。document对象除了拥有大量的方法和属性之外，还拥有大量的子对象，这些子对象可以用来控制HTML文档中的图片、超链接、表单元素等控件。

document子对象的allp[ ]集合：

功能：提供对文档中所有HTML元素的访问。

语法1： document.all[i]

i是一个从0开始的整数，代表数组下标。此种方法用来访问文档中的第i个元素。

语法2： document.all[name]

name是某个HTML元素的id或name值。此种方法用来访问文档中的指定元素。

语法3： document.all.tags[tagsname]

tags是一个HTML元素，tagsname是某个tags元素的id或name值。

注1：all[]包含的元素保持了最初的顺序，如果你知道它们在数组中的确切位置，可以直接从数组中提取它们。然而，更为常见的是它们的HTML属性中的name或id来访问元素。如果多个元素拥有相同的name，将得到共享同一名称的元素的一个数组。

注2：不推荐使用all[]，document对象的getElementByid()方法、getElementsByTagName()方法以及getElementsByName()方法使用更为方便。

常用document子对象属性及方法：

三 history子对象

history对象(历史对象)用来存储客户端浏览器窗口最近所浏览过的历史网址。

常用history子对象方法：

四 location子对象

location对象(地址对象)用来代表客户端浏览器窗口的URL地址信息。如果把一个URL字符串赋予Location对象或它的href属性，浏览器就会把新的URL所指的文档装载进来，并显示出来。我们还可以利用Location对象的属性修改部分URL，这样就会创建新的URL，其中的一部分与原来的URL不同，浏览器会将它装载并显示出来。

常用location子对象属性及方法：