BOM(浏览器对象模型)

一、BOM

• 浏览器的顶级对象是window>页面的顶级对象document
• 页面中的所有内容都是属于浏览器的,页面中的内容也是window的
• window的一个特殊属性是window.name

       console.log(window.name);//是空----特殊地方在于js是动态类的语言,正常结果一个是undefined
       console.log(window.type);//undefined

• window等于top

        console.log(top);//输出得是window对象
        console.log(window);//和上面一样,是等价的
        console.log(window===top);//true

二、系统对话框

   <script>
        window.alert("哈哈");//弹出警告框,一般用于测试,用户体验不好
        window.prompt("请输入内容");//用于接受用户输入的数据
        window.confirm("你确认吗?");//返回值有两个true和false
        //这些系统对话框在不同的浏览器里呈现的样式不一样,无法统一
    </script>

三、页面加载事件

    <script>
    //1. widow.onload-------页面加载完成后才触发执行
    //一般的页面加载都是从上而下,比如获取document.getElementById(),必须先有这个id才能够获取,所以必须先定义在获取
    //这个方法可以把放在任何位置,因为它是页面加载完毕后才触发的
    window.onload=function(){
            document.getElementById("btn").onclick=function(){
                console.log("sss")
            }
        }
    //2. window.onunload------页面关闭后触发事件
    //3.window.onbeforeunload------页面关闭之前触发事件
    </script>

四、location对象

五、history对象

六、navigator对象