JS window对象

一、screen属性

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

screen.availWidth 屏幕宽度

screen.availHeight  屏幕高度

二、history对象

forward() 方法可加载历史列表中的下一个页面

back() 方法可加载历史列表中的前一个页面（如果存在）

go(参数) 方法可加载历史列表中的某个具体的页面

参数可以是数字，使用的是要访问的页面在 History 的页面列表中的相对位置。

        go(0) 刷新本页面

        go(1) 前进一个页面

        go(-1) 返回前一个页面

三、location对象

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

location.pathname        路径名

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

三、 navigator

window.navigator 对象包含有关访问者浏览器的信息。

四、open()

打开一个新的浏览器窗口，加载给定 URL 所指定的文档

window.open(

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

        "_blank",

        "width=500,height=500"

      );//打开一个新窗口，宽度200px，高度500px 

window.close(); //关闭

五、 事件

window.onload = function () {};
 等到html文档加载完毕(包括图片等下载完毕)后，会触发onload事件

window.onresize = function () {
      console.log("窗口大小改变了");
    };
 当窗口大小发生改变时，会触发onresize事件

window.onscroll = function () {
      console.log("你的浏览器滚动条滚动了");
    };
  当滚动条滚动时会触发onscroll事件

六、回顶部

var _gotop = document.getElementById("gotop");
    var timer = null,
      sTop;
    _gotop.onclick = function () {
      timer = setInterval(function () {
        document.documentElement.scrollTop -= 10;
        sTop = document.documentElement.scrollTop;
        if (sTop <= 0) {
          clearInterval(timer);
        }
        // console.log(sTop);
      }, 100);
    };