浏览器的历史记录 浏览器对象信息 浏览器的事件

// 浏览器历史记录

        // 也就是浏览器跳转过的页面的记录

        // window.history 属性中存储浏览器的历史记录

        // 是当前这个窗口的浏览记录,新窗口打开的页面,不算浏览记录

        // window.history.length      次数

        // window.history.back()      上一个浏览的页面

        // window.history.forward()   下一个浏览的页面

        // window.history.go()        跳转

        //                            小括号中,设定数值和 正负号

        //                            +数值  向下一个跳转的次数

        //                            -数值  向上一个跳转的次数

        //                            次数计算 : 结束页面 - 起始页面 

        //                            错误跳转次数,没有执行效果

        // window.history.back()    效果 等于  window.history.go(-1) 

        // window.history.forward() 效果 等于  window.history.go(1) 

 

        // 存储与浏览器配置等相关的信息   window.navigator 

        // window.navigator.userAgent     浏览器型号,内核,版本等相关信息

        // window.navigator.appVersion    浏览器版本信息

        // window.navigator.appName       浏览器名称  Netscape  网景公司名称

        // window.navigator.platform      浏览器操作系统

 

 

 <script>

        // js代码在html代码之前

        // 执行这个js代码时,html代码还没有执行,无法正确获取到div标签

        // window.onload 定义的程序,会在html程序加载过所有内容之后,再执行

        window.onload = function(){

            // 代码执行时,HTML程序已经加载完毕,HTML标签已经存在

            // 可以正确获取标签对象

            var oDiv = document.querySelector('div');

            console.log(oDiv);

        }

    </script>

    <div>123</div>

    <script>

        // 1,  widow.onload  浏览器加载事件

        //     让定义的程序在浏览器所有内容都加载之后,再执行

        // 2,  window.onscroll   浏览器滚动条监听事件

        //     浏览器滚动条位置发生改变时会触发

        // 3,  window.onresize   浏览器窗口监听事件

        //     浏览器窗口大小发生改变是会触发

        // 4,  window.open()          在新窗口打开页面事件

        //     window.location.href   在本窗口打开页面

        // 5,  window.close()         关闭当前窗口

        window.onresize = function(){

            console.log(123);

        }

        

        var oDiv = document.querySelector('div');

        oDiv.addEventListener('click' , function(){

            window.open('https://www.baidu.com');

            window.close();

        })

    </script>