其他分享
首页 > 其他分享> > 10.21--10.22

10.21--10.22

作者:互联网

bom

1. 概念:Browser Object Model 浏览器对象模型
* 将浏览器的各个组成部分封装成对象。

2. 组成:
* Window:窗口对象
* Navigator:浏览器对象
* Screen:显示器屏幕对象
* History:历史记录对象
* Location:地址栏对象

3. Window:窗口对象
  1. 创建
  2. 方法
        1. 与弹出框有关的方法:
          alert() 显示带有一段消息和一个确认按钮的警告框。
          confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
              * 如果用户点击确定按钮,则方法返回true
              * 如果用户点击取消按钮,则方法返回false
          prompt() 显示可提示用户输入的对话框。
              * 返回值:获取用户输入的值
        2. 与打开关闭有关的方法:
          close() 关闭浏览器窗口。
              * 谁调用我 ,我关谁
          open() 打开一个新的浏览器窗口
              * 返回新的Window对象
        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。
5. History:历史记录对象
  1. 创建(获取):
      1. window.history
      2. history

  2. 方法:
      * back() 加载 history 列表中的前一个 URL。
      * forward() 加载 history 列表中的下一个 URL。
      * go(参数) 加载 history 列表中的某个具体页面。
          * 参数:
              * 正数:前进几个历史记录
              * 负数:后退几个历史记录
  3. 属性:
      * length 返回当前窗口历史列表中的 URL 数量。

标签:10.21,10.22,浏览器,--,对象,window,按钮,方法,history
来源: https://www.cnblogs.com/lixiaoy/p/14209334.html