JavaScript Window浏览器对象模型原理解析
浏览器对象模型(BOM)使JavaScript有能力与浏览器"对话"。
浏览器对象模型(BOM)
浏览器对象模型(BrowserObjectModel(BOM))尚无正式标准。
由于现代浏览器已经(几乎)实现了JavaScript交互性方面的相同方法和属性,因此常被认为是BOM的方法和属性。
Window对象
所有浏览器都支持window对象。它表示浏览器窗口。
所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。
全局变量是window对象的属性。
全局函数是window对象的方法。
甚至HTMLDOM的document也是window对象的属性之一:
window.document.getElementById("header");
与此相同:
document.getElementById("header");
Window尺寸
有三种方法能够确定浏览器窗口的尺寸。
对于InternetExplorer、Chrome、Firefox、Opera以及Safari:
window.innerHeight-浏览器窗口的内部高度(包括滚动条)
window.innerWidth-浏览器窗口的内部宽度(包括滚动条)
对于InternetExplorer8、7、6、5:
document.documentElement.clientHeight
document.documentElement.clientWidth
或者
document.body.clientHeight
document.body.clientWidth
实用的JavaScript方案(涵盖所有浏览器):
实例
varw=window.innerWidth ||document.documentElement.clientWidth ||document.body.clientWidth; varh=window.innerHeight ||document.documentElement.clientHeight ||document.body.clientHeight;
该例显示浏览器窗口的高度和宽度。
其他Window方法
一些其他方法:
- window.open()-打开新窗口
- window.close()-关闭当前窗口
- window.moveTo()-移动当前窗口
- window.resizeTo()-调整当前窗口的尺寸
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。