浏览器不显示列表_Web前端开发(11)——BOM(浏览器对象模型)

BOM

BOM(全称Browser Object Model)浏览器对象模型尚无正式标准。由于现代浏览器已经(几乎)实现了JavaScript交互性方面的相同方法和属性，因此常被认为是BOM的方法和属性。BOM将浏览器的各个组成部分封装成对象。

BOM组成

BOM主要由下面5个对象组成：

• Window：窗口对象

• Navigator：浏览器对象

• Screen：显示器屏幕对象

• History：历史记录对象

• Location：地址栏对象

Window 窗口对象

①常用方法

(1)与弹出框有关的方法：

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

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

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

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

prompt()显示可提示用户输入的对话框。返回值是获取用户输入的值

(2)与打开关闭有关的方法：

close()关闭浏览器窗口。谁调用方法就关谁窗口。

open()打开一个新的浏览器窗口。返回新的Window对象。

(3)与定时器有关的方式

setTimeout()在指定的毫秒数后调用函数或计算表达式。参数：js代码或者方法对象；返回值：唯一标识，用于取消定时器。

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

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

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

②常用属性

(1)获取其他BOM对象：即history、location、Navigator、Screen。

(2)获取DOM对象：即document。

③特点

Window对象不需要创建可以直接使用。

window使用： window.方法名();

注：window引用可以省略。直接方法名();

Location 地址栏对象

①创建(获取)：

• window.location

• location

②常用方法

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

③常用属性

href设置或返回完整的URL。

History 历史记录对象

①创建(获取)：

• window.history

• history

②常用方法

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

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

go(参数)加载history列表中的某个具体页面。参数：正数则前进几个历史记录，负数则后退几个历史记录。

③常用属性

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