BOM

BOM（Browser Object Model）浏览器对象模型。
BOM具有很多的对象window，navigator，screen，history，location，document，event。

1. window是浏览器的一个实例，在浏览器中具有双重角色，它是JS访问浏览器的一个接口，还是ECMAScript规定的一个Global对象。

用于window声明的属性是全局属性，使用window声明的方法是全局的方法。

<script>
        window.userName = "张三";     
        function sayName(){
            alert(userName);
        }
        sayName();
        window.printName = function(){
            alert("第二个"+userName);
        }
        printName();
</script>

window还可以使用带有确认和取消的按键。

<div id="div">
       <span>您的订单信息</span>
       <input type="button" value="删除" id="btn" >
</div>
var btn = document.getElementById("btn");
   btn.onclick = function(){
       var result = window.confirm("您确认要删除订单吗？");
       document.getElementById("div").style.display = "none";
   }

image.png

2.location对象

使用location.herf使用，主要作用是返回当前页面完整的URL地址。
使用location.host使用，主要作用是返回服务器的名称。
使用location.prot使用，主要作用是返回端口号。
使用location.protocl使用，主要作用是返回该协议。
使用location.search使用，主要作用是返回字符串的子字符串。

3.history对象

history对象保存了用户在浏览器中访问页面的历史记录。
history.back()，组要作用是回到历史记录的上一步。
history.go(-n)，组要作用是回到历史记录的上n步。
history.forward()，组要作用是回到历史记录的下一步。
history.go(n)，组要作用是回到历史记录的下n步。

4.screen对象

screen对象包含有关客户端屏幕显示的信息。
screen.availWidth作用主要返回屏幕可用的宽度。
screen.availHeight作用主要返回屏幕可用的高度。

5.navigator对象

navigator对象提供浏览器和操作系统的信息。
navigator的userAgent属性可以用户判断是浏览器的类型，判断浏览器的终端设备是PC还是移动。

<script>
    var exportprint = navigator.userAgent;
    alert(exportprint);
</script>

谷歌浏览器的测试如下：

image.png

使用IE浏览器测试的结果：

image.png

navigator的appCodeName属性获取浏览器的名称。
navigator的appName属性获取完整的浏览器的名称。