BOM常用对象

1)Window对象

全局变量是window的属性

窗口尺寸相关属性

获得不包含滚动条的窗口宽度，要用document.documentElement.clientWidth

risize事件

//监听窗口改变尺寸事件
window.onresize=function(){
  var root=document.documentElement;
  console.log('窗口改变尺寸了',root.clientWidth,root.clientHeight);
        }

已卷动高度

已动高度

console.log(window.scrollY); 
console.log(document.documentElement.scrollTop);

scroll事件

window.onscroll=function(){
            console.log('窗口卷动了',window.scrollY);
        }

2)Navigator对象

       console.log('浏览器品牌',navigator.appName);
       console.log('浏览器版本',navigator.appVersion);
       console.log('用户代理',navigator.userAgent);
       console.log('操作系统',navigator.platform);

3)History对象

    <h1>我是history方法网页</h1>
    <button id="btn">回退</button>
    <a href="javascript:history.back();">回退</a>
    <script>
        var btn = document.getElementById('btn');
        btn.onclick = function() {
            // history.back();
            history.go(-1);
        };
    </script>

4)Location对象

重新加载当前页面

GET请求查询参数

<button id="btn">点我去看看慕课网</button>
<script>
  var btn=document.getElementById('btn');
  btn.onclick=function(){
    window.location='http://www.imooc.com';
  };
  console.log(location);
    </script>