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>
原文地址:https://www.cnblogs.com/SunShineM/p/6055588.html