基础

 // console.log('窗口内宽(包含滚动条)', window.innerWidth);

        // console.log('窗口外宽', window.outerWidth);

        // console.log('窗口内宽(不包含滚动条)', document.documentElement.clientWidth);

        // // 监听窗口改变尺寸事件

        // window.onresize = function(){

        //     var root = document.documentElement

        //     console.log('窗口尺寸改变了',root.clientWidth,root.clientHeight);

        // }

        // window.addEventListener('scroll',function(){

        //     var scrolltop = window.scrollY || document.documentElement.scrollTop;

        //     console.log(scrolltop);

        // })

        // navigator 常用属性

        // console.log('浏览器品牌:',navigator.appName);

        // console.log('浏览器版本:',navigator.appVersion);

        // console.log('用户代理:',navigator.userAgent);

        // console.log('操作系统:',navigator.platform);

        //  history.back()   // 等同于点击浏览器的 回退按钮

        //  history.go(-1)   // 等同于 history.back()

        // location 对象

        // 跳转

        // window.location.href = 'http://www.baidu.com'

         // 刷新页面

        //  window.location.reload(true)

       

        // 获取参数

        // console.log(window.location.search)

 

 

 <div  id="box">

        <p id="para"></p>    

    </div>

     <script>

        var box = document.getElementById('box')

        var para = document.getElementById('para')

         

        console.log(para.offsetTop);

     </script>