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: 返回运行浏览器的操作系统平台。

posted @ 2016-04-25 02:16  白教主  阅读(216)  评论(0编辑  收藏  举报