极客学院第八天整理（js浏览器对象模型）

  1、windows对象

  2、Screen对象

  3、Location对象

  4、History对象

  5、Navigator对象

  6、弹窗

  7、计时事件

2、浏览器对象模型（Browser Object Model），浏览器对象模型使Js有能力与浏览器对话

3、Windows对象：所有浏览器都支持window对象，他表示浏览器窗口

      所有js全局对象、函数以及变量均自动成为window对象的成员

      全局变量是window对象的属性，全局函数是window对象的方法

     HTML DOM的document也是window对象的属性之一

4、window.innerHeight  内部高度（不包括工具栏）

      window.outerWidth   包括导航栏

5、window.open():打开新窗口

     window.close(): 关闭当前窗口

     window.print():  打印窗口，打印就跟word上差不多

Screen对象

     5、Screen对象包含有关用户客户端显示屏幕的信息

           window.screen对象在编写时可以不使用window这个前缀

           screen.availWidth:  可用的屏幕宽度（不包括任务栏）

           screen.availHeight:  可用的屏幕高度（不包括任务栏）

            screen.width:屏幕总宽度

location对象

        1、Location对象属性

         2、location.href   返回完整的URl

         3、location.host   返回一个URL的主机名和端口

         4、location.hostname   返回URL的主机名

         5、location.port   返回web主机的端口（80或443）

         6、location.protocol:   返回所有使用的web协议

         2、location对象的方法

               1、location.assign（）：载入一个新的文档

               2、location.reload()   :    重新载入当前文档

               3、location.replace()    :    用新的文档替换当前文档

History对象

    1、history对象

            window.history对象包含浏览器的历史

              history对象的属性

              length返回历史列表中的网址数

           history对象方法

                back（）：返回到history列表中的前一个URL

                forward（）： 加载history列表中的下一个URL

                go（）： 跳转到history列表中的某个具体页面  go(1)

Navigator

          navigator对象包含有关浏览器的信息 

          navigator对象的属性

               1、appCodename：浏览器的代码名

               2、appName：浏览器的代码名

               3、appVersion：浏览器的平台和版本信息

               4、cookieEnabled：浏览器是否启用cookie

               5、platform：运行浏览器的操作系统平台

               6、userAgent：返回由客户机发送服务器的user-agent头部的值

注意：来自navigator对象的信息具有误导性，不应该被用于检测浏览器版本

   这是因为：  navigator数据可以被浏览器使用者更改

                       一些浏览器对测试站点会识别错误

                       浏览器无法报告晚于浏览器发布的新操作系统

JavaScript弹窗

       1、alert（）

       2、confirm（）    确认框

       3、prompt（）    提示框

     var name = prompt("请输入你的名字："，"张三")；

        if（name!=null &&name != ""）{

             document.write("");

      }

计时事件

         通过在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行，我们称之为计时事件

setTimeout():    暂停指定的毫秒数后执行指定的代码

clearTimeout():   停止setTimeout()执行

setInterval():   间隔指定的毫秒数不停地执行指定的代码

clearInterval():  停止setInterval()执行