BOM

BOM

Browser Object Model 浏览器对象模型

JavaScript将浏览器的各个组成部分封装为对象

组成：　　

 window:浏览器窗口对象

Navigator：浏览器对象

Screen：屏幕对象

History：历史记录对象

Location：地址栏对象

 

 window:浏览器窗口对象

获取：直接使用window，其中window可以省略

window.alert("abc");

属性：获取其他BOM对象

histoiry：对History对象的只读引用。

Navigator：对History对象的只读引用。

Screen：对History对象的只读引用。

location：用于窗口或框架的的Location对象。、

方法

alert():  显示带有一段消息和一个确认按钮的警告框

confirm():  显示带有一段消息以及确认按钮和取消按钮的对话框

  //comfirm. 点击确定按钮，返回true，点击取消按钮，返回false
        var flag = confirm("确认删除?");
        if(flag){
             alert("删除成功");
        } else{
             alert("取消删除");
        }

setInterval():  按照指定的周期（以毫秒计）来调用函数或计算表达式

setTimeout():  在指定的毫秒数后调用函数或计算表达式

 

//定时器
        /**
         * 方法：
         * setTimeout(function,毫秒值)：在一定的时间间隔后执行一个function. 只执行一次
         * setInterval(function,毫秒值)：在一定的时间间隔后执行一个function. 循环执行
         */

        setTimeout(function (){
             alert("！！！");
        },3000)

        setInterval(function (){
             alert("????");
        },3000)

 

History：历史记录对象

获取：使用window.history获取，其中window。可以省略

window.history.方法();
history.方法();

方法：

back()：加载history列表中的前一个URL。

forward()：加载history列表中的下一个URL。

 

Location：地址栏对象

获取：使用window.location获取，其中window。可以省略

window.location.方法();
location.方法();

属性：href：设置或返回完整的URL。

 

实例展示：