JavaScript BOM 的概念(浏览器对象模型)
浏览器对象模型(
Browser object model
)简称
BOM
。
Js
通过
BOM
和浏览器进行交互,可以获取屏幕尺寸,窗口大小,页面地址,历史记录等浏览器相关信息,也可以控制浏览器执行某些
行为:弹出信息,页面跳转,打开窗口,关闭窗口,调整窗口大小等。
浏览器对象模型用
window
对象来表示,所有
JavaScript
全局变量、全局函数会自动成为
window
对象的成员。
DOM
的
document
也是
window
对象的一个属性。
1. JavaScript
窗口
方法
描述
window.open() 打开新窗口
window.close() 关闭当前窗口
window.moveTo() 移动当前窗口
window.resizeTo() 调整当前窗口的尺寸
<button onclick="isOpen()">打开百度</button>
<script>
function isOpen(){
myBaidu = window.open('http://www.baidu.com');
}
</script>
<button onclick="isClose()">关闭当前网页</button>
<script>
function isClose(){
window.close();
}
</script>
<button onclick="isOpen()">打开网页</button>
<button onclick="isMove()">移动网页</button>
<script>
function isOpen(){
myweb = window.open('','','width=400,height=200');
}
function isMove(){
myweb.moveTo(200,200);
}
</script>
<button onclick="isOpen()">打开网页</button>
<button onclick="isResize()">调整网页大小</button>
<script>
function isOpen(){
myweb = window.open('','','width=400,height=200');
}
function isResize(){
myweb.resizeTo(600,600)
}
</script>