首页  思维导图  详情

BOM

2022-05-27 10:04:33   29  举报





AI智能生成

Javascript BOM入门

BOM

Javascript

js入门

web前端

作者其他创作

大纲/内容

BOM

概念

Browser Object Model 浏览器对象模型

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

组成

Window：窗口对象

属性

1. 获取其他BOM对象

<ol><li>history</li><li>location</li><li>Navigator    </li><li>Screen</li></ol>

2. 获取DOM对象

document

方法

1.与弹出框有关的方法：

<ul><li>alert() 显示带有一段消息和一个确认按钮的警告框。</li><li>confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。</li></ul>                 * 如果用户点击确定按钮，则方法返回true                  * 如果用户点击取消按钮，则方法返回false <ul><li>prompt() 显示可提示用户输入的对话框。</li></ul>                 * 返回值：获取用户输入的值

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

<ul><li>close() 关闭浏览器窗口。</li></ul>                 * 谁调用我 ，我关谁 <ul><li>open() 打开一个新的浏览器窗口</li></ul>                 * 返回新的Window对象

3. 与定时器有关的方式

<ul><li>setTimeout() 在指定的毫秒数后调用函数或计算表达式。</li></ul>             参数：                  1. js代码或者方法对象                      2. 毫秒值               返回值：唯一标识，用于取消定时器 <ul><li>clearTimeout() 取消由 setTimeout() 方法设置的 timeout。</li></ul>  <ul><li>setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。</li><li>clearInterval() 取消由 setInterval() 设置的 timeout。</li></ul>

特点

<ol><li>Window对象不需要创建可以直接使用 window使用。 window.方法名();</li><li>window引用可以省略。  方法名();</li></ol>

Navigator：浏览器对象

Screen：显示器屏幕对象

History：历史记录对象

属性：

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

创建(获取)：

1. window.history    2. history

方法：

<ul><li>back() 加载 history 列表中的前一个 URL。</li><li>forward() 加载 history 列表中的下一个 URL。</li><li>go(参数) 加载 history 列表中的某个具体页面。</li></ul>          参数：                   正数：前进几个历史记录                    负数：后退几个历史记录

Location：地址栏对象

1. 创建(获取)：

1. window.location    2. location

2. 方法：

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

3. 属性

href 设置或返回完整的 URL。