本文系统介绍JavaScript中的核心内置对象。详细解析Window对象的层级结构及其作为全局容器的特性;阐述Screen对象获取可用屏幕尺寸的方法;深入讲解Location对象在URL解析、协议判断及页面跳转中的应用;最后介绍History、Document、Link及Form等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.表单名称.方法(参数)