8、操作BOM
window
所有浏览器都支持 window
对象。它代表浏览器的窗口。
所有全局 JavaScript 对象,函数和变量自动成为window
对象的成员。
全局变量是 window
对象的属性。
全局函数是window
对象的方法。
甚至(HTML DOM 的)document
对象也是 window
对象属性:
window.document.getElementById("header");
等同于:
document.getElementById("header");
screen
window.screen
对象不带 window
前缀也可以写:
属性:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Location
window.location
对象可用于获取当前页面地址(URL)并把浏览器重定向到新页面。
一些例子:
- window.location.href 返回当前页面的 href (URL)
- window.location.hostname 返回 web 主机的域名
- window.location.pathname 返回当前页面的路径或文件名
- window.location.protocol 返回使用的 web 协议(http: 或 https:)
- window.location.assign 加载新文档
Document(内容;DOM)
document代表当前的页面,HTML DOM文档树
document.getElementById('app');
History不建议
window.history 对象包含浏览器历史。
一些方法:
- history.back() - 等同于在浏览器点击后退按钮
- history.forward() - 等同于在浏览器中点击前进按钮
Navigator
window.navigator 对象包含有关访问者的信息。
一些例子:
- navigator.appName
- navigator.appCodeName
- navigator.platform