BOM对象

    window对象（浏览器对象模型）

    window对象表示浏览器中打开的窗口，，是JS浏览器对象模型中
    的顶层对象，其中还包括了以下几个内容：

    1、Document:使我们可以从脚本中对HTML页面中的所有元素进行访问；

    2、History:包含用户（浏览器窗口中的）访问过的URL；

    3、Location:包含有关当前URL的信息；

    4、Navigator：包含有关浏览器的信息；

    5、Screen:包含有关客户端显示屏幕的信息。

    说明：

    1、所有的浏览器都支持window对象；

    2、所有JS全局对象、函数以及变量均可以自动成为window对象；

    3、全局变量是window对象的属性；

    4、全局函数时window对象的方法。

---

     Window对象
    
    一、位置：

        1、screenX :返回相对于屏幕窗口的X坐标（IE不支持）；
        2、screenY ：返回相对于屏幕窗口的Y坐标（距离浏览器最顶端）（IE不支持）；
        3、screenLeft:返回相对于浏览器的X坐标；
        4、screenTop：返回相对于浏览器的Y坐标（在IE浏览器中包括了
                     顶部的工具栏、菜单栏、地址栏）。

    二、窗口的大小：

        1、window.innerWidth:返回窗口的文档显示区的宽度；（IE不支持）；
        2、window.innerHeight:返回窗口的文档显示区高度；（IE不支持）；
        3、document.documentElement.clientWidth:返回窗口的文档显示区的宽度；（通用方法）
        4、document.documentElement.clientHeight:返回窗口的文档显示区高度；（通用方法）

---

    Window对象的方法

    一、窗口移动的尺寸和大小（仅IE有效）：

        1、window.moveBy(x,y):可相对窗口的当前坐标移动指定的像素；

        2、window.moveTo(x,y):把窗口左上角的移动到指定的坐标；

        3、window.resizeBy(x,y):按照指定的像素相对的调整窗口的大小；

        4、window.resizeTo(x,y):把窗口的大小调到指定的宽度和高度。

    二、滚动条的控制：

        1、window.scrollBy(x,y):相对于当前滚动条的位置移动；

        2、window.ccrollTo(x,y):把内容滚到指定的坐标。

    三、    时间间隔函数（计时器）：

        1、window.setInterval(code,millisec):按照指定的周期（以毫秒计）来调用函数或表达式；

        2、window.clearInterval(obj)：取消由setInterval()设置的timeout;

        3、window.setTimeout(code,millisec):在指定的毫秒数后调用函数或表达式；

        4、window.clearTimeout(obj)：取消由setTimeout()方法设置的timeout。

    四、打开新窗口：
        
        window.open(URL、name、specs,replace)

---

   History对象

    一、属性： length:返回历史列表中的网页数；

    二、方法：
            1、 history.back():加载历史列表中的前一个URL（如果存在），调用该方法的效果等价于点击后退按钮或调用history.go(-1);

            2、 history.foward():加载历史列表中的下一个URL。等价于前进按钮或者调用history.go(1);

            3、history.go(number|URL):加载历史列表中的某一具体的页面。

---

　　location对象

    一、属性：
        
        1、href:返回完整的URL；

        2、hostname:返回URL的主机名；

        3、pathname:返回的URL路径名；

        4、port：返回一个URL服务器使用的端口号；

        5、search：返回URL的查询部分。

    二、方法：

        1、location.assign(URL):加载一个新的文档；

        2、location.reload():刷新当前文档；

        3、location.replace(newURL):用一个新文档取代当前文档（没有历史记录）。

---

　　Screen对象

    一、属性：
        
        1、availHeight: 返回屏幕的高度（不包括windows任务栏）；

        2、availWeight: 返回屏幕的宽度（不包括windows任务栏）；

        3、width: 返回屏幕的总宽度；

        4、height: 返回屏幕的总高度。

 

---

    　　Navigator对象

    一、属性：

        1、appCodename: 返回浏览器的代码名；

        2、appName: 返回浏览器的名称；

        3、appVersion：返回浏览器的平台和版本信息 ；

        4、platfrom: 返回运行浏览器的操作系统平台。

转载于:https://www.cnblogs.com/qingshixiaodao/p/5429137.html