BOM

BOM (Browser Object Model) 浏览器对象模型html

BOM提供了独立于内容而与浏览器窗口进行交互的对象浏览器

BOM主要用于管理窗口与窗口之间的通信,所以其核心对象是windowspa

BOM缺少标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C, BOM最初是Netscape浏览器标准的一部分code

(window对象 是浏览器中的Global对象)htm

窗口设置 (打开、大小、位置) 间歇调用与超时调用对象

对话框 (提示框、确认框、输入框)blog

location对象 (位置对象包含各类属性和方法)ip

navigator对象 用于提供用户浏览器的相关信息get

screen对象 包含有关用户屏幕的信息io

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>
相关文章
相关标签/搜索
本站公众号
   欢迎关注本站公众号,获取更多信息