HTML BOM简介Window 对象Navigator 对象Screen 对象History 对象Location 对象方法和属性

版权声明：本文为博主原创文章，未经博主允许不得转载。 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() 。

常用方法

1. alert()：显示带有一段消息和一个确认按钮的警告框。
2. confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框。如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。
3. prompt()：输入对话框
4. window.open() - 打开新窗口
5. window.close() - 关闭当前窗口
6. setInterval()     每多少毫秒秒执行一次    

   setInterval("clock()",50)

7. clearInterval()  可取消由 setInterval()   

   clearInterval(id_of_setinterval)

8. setTimeout()     多少毫秒秒后执行一次只执行一次

   setTimeout("alert('5 seconds!')",5000)

9.    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