浏览器对象模型( 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>