BOM
BOM (Browser Object Model) 浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C, BOM最初是Netscape浏览器标准的一部分
(window对象 是浏览器中的Global对象)
窗口设置 (打开、大小、位置) 间歇调用与超时调用
对话框 (提示框、确认框、输入框)
location对象 (位置对象包含各种属性和方法)
navigator对象 用于提供用户浏览器的相关信息
screen对象 包含有关用户屏幕的信息
history对象 包含有关用户的访问历史记录
1.打开新窗口
window.open(URL,name,specs);
URL:打开页面的URL,没有指定URL将打开新的空白窗口
name:_blank 新窗口打开,默认 _self 当前页面打开 name 窗口名称 ......
specs:一个逗号分隔的项目列表。
支持以下值: height=pixels 窗口的高度,最小值为100 width=pixels 窗口的宽度,最小值为100 left=pixels top=pixels ...... 示例 window.open('','','width=200,height=200');
<button id="btn">新建页面</button> <script> var btn=document.getElementById('btn'); btn.onclick=function(){ window.open('child.html','','width=200,height=200'); } </script>
<p>新的页面</p> <button id="btn">关闭</button> <button id="btn2">调整页面的大小</button> <script> var btn=document.getElementById('btn'); var btn2=document.getElementById('btn2'); btn.onclick=function(){ window.close(); } btn2.onclick=function(){ window.resizeTo(500,100); } </script>