JavaScript-BOM

今日内容

 JavaScript:

1.ECMAScript

2.BOM:

3.DOM:

 

1.BOM

   1.概念 ： Browser Object Model浏览器对象模型

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

   2.组成：

           *Window：窗口对象

           *Navigator:浏览器对象

           *Screen：显示器屏幕对象

           *Location：地址栏对象

   3.Window：窗口对象

           1创建

           2.方法

              1.与弹出框有关的方法

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

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

                     *如果用户点击确认按钮，则方法返回true

                     *如果用户点击取消按钮，则方法返回false

                 prompt() 显示可提示用户输入的对话框。

                      *返回值：获取用户输入的值

               2.与打开关闭有关的方法

               3.与定时器有关的方式

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

                  *参数

                            1.js代码或者方法对象

                            2.毫秒值

                  *返回值：唯一标识，用于取消定时器

                  clearTimeout() 取消由setTimeout()方法设置的timeout

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

                  clearInterval() 取消由setInterval()设置的timeout

         3.属性

              1.获取其他BOM对象：

                   history

                   location

                   Navigator

                   Screen

              2.获取DOM对象

                     document

         4.特点

              *Window对象不需要创建可以直接使用window使用。window.方法名();

              *window引用可以省略。 方法名

   4.Location：地址栏对象

          1.创建(获取)

                  1.window.location

                  2.location

          2.方法

                  reload() 重新加载当前文档，刷新

          3.属性

                 href 设置或返回完整的url

     5History:历史记录对象

             1.创建（获取）：

                  1.window.history

                  2.history

             2.方法

                 back()    加载history列表中的前一个url

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

                 go(参数)  加载history列表中的某个具体页面

                           *参数：

                                  *正数：前进几个历史记录

                                  *负数：后退几个历史记录

               3.属性

                    length 返回当前窗口历史列表中的URL数量