版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_38230811/article/details/83552049
HTML BOM 对象
浏览器对象模型,提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。
BOM提供的多个对象,包括:Window、Navigator、Screen、History、Location等。
其中Window对象为顶层对象,其他对象都为Window对象的子对象。
1. Window 对象
1.1 说明
Window 对象:表示浏览器打开的窗口、标签或者框架(若当前页面里包含多个iframe,会为每个iframe创建Window对象)。
Window对象不会被实例化,调用属性和方法都作为window的静态成员。
调用方式:调用Window对象的成员时,可以省略前面的window。如:window.alert() 可写成 alert() 。
常用方法
- alert():显示带有一段消息和一个确认按钮的警告框。
- confirm():显示带有一段消息以及确认按钮和取消按钮的对话框。如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
- prompt():输入对话框
- window.open() - 打开新窗口
- window.close() - 关闭当前窗口
- setInterval() 每多少毫秒秒执行一次
setInterval("clock()",50)
- clearInterval() 可取消由 setInterval()
clearInterval(id_of_setinterval)
- setTimeout() 多少毫秒秒后执行一次只执行一次
setTimeout("alert('5 seconds!')",5000)
- clearTimeout() 可取消由 setTimeout() 方法
clearTimeout(id_of_settimeout)
2.Navigator 对象
2.1 说明
Navigator 对象:包含浏览器信息。如:获取浏览器名称、版本信息、操作系统平台信息等等。
调用方式:window.navigator 或者 navigator。
属性 | 描述 |
---|---|
appMinorVersion | 返回浏览器的次级版本。 |
appName | 返回浏览器的名称。 |
appVersion | 返回浏览器的平台和版本信息。 |
browserLanguage | 返回当前浏览器的语言。 |
cookieEnabled | 返回指明浏览器中是否启用 cookie 的布尔值。 |
cpuClass | 返回浏览器系统的 CPU 等级。 |
onLine | 返回指明系统是否处于脱机模式的布尔值。 |
platform | 返回运行浏览器的操作系统平台。 |
3. Screen 对象
3.1 介绍
Screen 对象:包含屏幕信息。如:获取屏幕高度、宽度等等。
调用方式:window.screen 或者 screen。
属性 | 描述 |
---|---|
availHeight | 返回显示屏幕的高度 (除 Windows 任务栏之外)。 |
availWidth | 返回显示屏幕的宽度 (除 Windows 任务栏之外)。 |
fontSmoothingEnabled | 返回用户是否在显示控制面板中启用了字体平滑。 |
height | 返回显示屏幕的高度。 |
width | 返回显示器屏幕的宽度。 |
4. History 对象
4.1 说明
History 对象:可对当前页的浏览历史进行操作,如:前进、后退等。但不能知道浏览了哪些URL。
调用方式:window.history 或者 history。
方法 | 描述 |
---|---|
back() | 加载 history 列表中的前一个 URL。 history.back() |
forward() | 加载 history 列表中的下一个 URL。history.forward() |
go() | 加载 history 列表中的某个具体页面。history.go(number|URL) |
5. Location 对象
5.1 说明
Location 对象:可对当前页面的URL进行操作,如:导航到新的页面、获取URL信息等。
调用方式:window.location 或者 location。
location.href=URL