JavaScript window对象

一、window对象

        1、screen属性

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

                screen.availWidth 屏幕可视区域的宽度

                screen.availHeight 屏幕可视区域的高度

        2、history属性

                history.forward()加载历史记录列表中的下一个url  前进

                history.back()加载历史记录列表中的前一个url  后退

                history.go(number)加载历史记录列表中的某个页面前进/后退

                        go(0)刷新本页面

                        go(1)前进一个页面

                        go(-1)后退一个页面

        3、location属性

                lovation.reload()  重新加载，刷新本页面

                location.href  返回当前页面的地址url

                location.pathname 返回路径名

        4、navigator属性

                window.navigator 有关当前浏览器的信息

   

         5、open()方法

                打开一个新的浏览器窗口或查找一个已命名的窗口

                window.open(

                           "http://www.baidu.com",

                           "_blank",

                           "width=500,height=500"

                         );打开开一个宽500px高500px的新窗口

        6、事件

                1、window.onload = function(){}

                    等到html文档加载完毕(包括图片等下载完毕)后，会触发onload事件               

                2、当窗口大小发生改变时，会触发onresize事件

window.onresize = function () {
                     console.log("窗口大小改变了");
                     };

                3、window.onscroll = function () {

                       console.log("你的浏览器滚动条滚动了");

                    };    当滚动条滚动时会触发onscroll事件

                Obj.scrollLeft水平方向滚动条滚动距离

                Obj.scrollTop垂直方向滚动条滚动距离

                当滚动条滚动的时候，获取滚动条数据

                兼容写法： var wtop = document.documentElement.scrollTop ||                         document.body.scrollTop;

二、获取元素对象的方法

                document.getElementById("id值");通过id值来获取元素对象  唯一

                document.getElementsByTagName("标签名");通过标签名来获取元素对象  集合

                document.querySelector("选择器");通过选择器·来获取元素对象