JavaScript内置对象详解：Window、Screen、Location与DOM核心对象

Window窗口对象与全局成员

JavaScript Window

窗口对象：http://www.w3school.com.cn/js/js_window.asp

所有主流浏览器均支持window对象，该对象代表当前浏览器窗口。

JavaScript中的全局对象、内置函数以及全局变量，均自动成为window对象的成员。

访问窗口对象的属性和方法时，可采用以下格式：

[window.]属性

[window.]方法(参数)

HTML DOM中的document对象同样是window对象的属性之一：

window.document.getElementById("header"); 这与直接使用以下写法完全相同：

document.getElementById("header"); JS Screen

Screen屏幕对象属性

屏幕对象：http://www.w3school.com.cn/js/js_window_screen.asp

屏幕对象主要用于描述屏幕的显示分辨率及颜色深度等属性。

获取屏幕对象属性的格式如下：

screen.属性

screen.availWidth - 获取可用的屏幕宽度

screen.availHeight - 获取可用的屏幕高度

上述数值以像素为单位计算，且已减去界面特性所占用的空间，例如窗口任务栏。

Location位置对象与URL操作

JS Location

位置对象：http://www.w3school.com.cn/js/js_window_location.asp

位置对象用于代表特定窗口中当前显示的URL信息。

在编写代码时，window.location对象可以省略window前缀直接使用。

以下是一些常用示例：

location.hostname 返回Web主机的域名

location.pathname 返回当前页面的路径和文件名

location.port 返回Web主机使用的端口号（通常为80或443）

location.protocol 返回所使用的Web协议（如http://或https://）

location.href属性用于返回当前页面的完整URL。

location.assign()方法用于加载并显示新的文档。

History历史对象与导航

JS History

历史对象：http://www.w3school.com.cn/js/js_window_history.asp

历史对象用于存储客户端最近访问过的网址清单。

出于保护用户隐私的考虑，JavaScript对该对象的访问方法进行了限制。

常用方法包括：

history.back() - 功能等同于在浏览器中点击后退按钮

history.forward() - 功能等同于在浏览器中点击前进按钮

Document文档、链接与表单对象

文件对象

文件对象：代表当前HTML文档，由<body>标签构成，每个HTML文件在加载时会自动建立一个文件对象。

访问格式如下：

document.属性

document.方法(参数)

链接对象

网页中的所有链接均会被自动视为链接对象，并按顺序分别表示为document.links[0]，document.links[1]等。

定义链接对象的格式为：

字串.link(属性)

表单对象 作为文件对象的子对象，JavaScript运行时引擎会自动为页面中的每一个表单建立一个表单对象。

访问格式如下：

document.forms[索引].属性

document.forms[索引].方法(参数)

document.表单名称.属性

document.表单名称.方法(参数)