BOM

标签：标准化   blog   包含   指定   self   doc   mod   对话框   高度   

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>

BOM

标签：标准化   blog   包含   指定   self   doc   mod   对话框   高度   

原文地址：http://www.cnblogs.com/SunShineM/p/6055588.html