JS（javaScript）——2.1.1 _bom_（Broswer Object Model）

Js运行浏览器里面的,浏览器的一些属性都可以获取到,屏幕的大小

Bom:Broswer Object Model;

Js:window(窗口);

window是js中全局的最大的一个对象

案例：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <script type="text/javascript">
       /*提示框：
           警告框**
           确认框**
           输入框
       */
       function testDialog(){
           /*
           提示框
           alert是window的一个方法;
               window.alert();(window可以省略)
           */
           // window.alert("=====")
           /* 确认框
           多了一个确认和取消
           用户点击的到底是确认呢还是取消呢?
               true:表示用户点击的是确定
               false:表示用户点击的是取消
       */
          // window.confirm("---confirm---");
          // console.info("===确认框的结果===" + confirmFlag);
          /* 输入框
               多一个文本框
               用户输入的内容:用返回值来接收
           */
           // promptFlag = window.prompt("请您输入邮箱");
           // console.info("==输入框的结果==" + promptFlag);
       }
       /*页面操作*/
           function testOper(){
              /*
                   可以获取到当前网页的url
                   地址栏里面的url
              */
              console.info("==window.location.href==" + window.location.href);
              /*修改url:页面会跳转*/
              // window.location.href = "http://www.baidu.com";
              /*通过js打开一个页面*/
              // window.open("http://www.baidu.com");
              /*close:关闭页面，这个功能的兼容性不好*/
              // window.close();

              /*获取一个浏览器的属性*/
              console.error("=window.navigator.appCodeName==" + window.navigator.appCodeName);
               console.error("=window.navigator.appName==" + window.navigator.appName);
               console.error("=window.navigator.appVersion==" + window.navigator.appVersion);
               console.error("=window.navigator.language==" + window.navigator.language);

              /*
                   服务器区分是否用户行为还是机器行为,通过window.navigator.userAgent就可以判断出来
                   包含了客户端的信息;
                   http:协议中userAgent很重要
               */
               console.info("==window.navigator.userAgent==" + window.navigator.userAgent);

               /* 浏览器的高度和宽度 */
               console.info("==window.innerHeight==" + window.innerHeight);
               console.info("==window.innerWidth==" + window.innerWidth);
               console.info("==window.outerHeight==" + window.outerHeight);
               console.info("==window.outerWidth==" + window.outerWidth);
           }
   </script>
</head>
<body>
   <input type="button" value="测试——提示框" οnclick="return testDialog()">
   <button οnclick="testOper()">页面操作</button>
</body>
</html>

JS（javaScript）——2.1.1 _bom_（Broswer Object Model）