JavaScript基础（BOM）-Window 对象、History 对象、Location 对象

JavaScript Window - 浏览器对象模型(BOM)

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。

Window 对象（主要用于弹出框）

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 HTML DOM 的 document 也是 window 对象的属性之一：

window.document.getElementById("header");

与此相同：

document.getElementById("header");

Window 对象方法

alert()	显示带有一段消息和一个确认按钮的警告框。
setInterval()	按照指定的周期（以毫秒计）来调用函数或计算表达式。
clearInterval()	取消由 setInterval() 设置的timeout。
confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框。
resizeTo()	把窗口的大小调整到指定的宽度和高度。
prompt()	显示可提示用户输入的对话框。
setTimeout()	在指定的毫秒数后调用函数或计算表达式。
clearTimeout()	取消由 setTimeout() 方法设置的timeout。

 

 

 

 

History 对象（主要用于页面的获取）

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window对象的一部分，可通过window.history属性对其进行访问。

注释：没有应用于 History对象的公开标准，不过所有浏览器都支持该对象。

History 对象方法

方法	描述
back()	加载 history 列表中的前一个URL。
forward()	加载 history 列表中的下一个URL。
go()	加载 history 列表中的某个具体页面。

只有go（）方法中有参数

 

 

Location 对象（主要用于页面跳转）

Location 对象包含有关当前 URL的信息。

Location 对象是 Window对象的一个部分，可通过window.location属性来访问。

Location 对象方法

属性	描述
assign()	加载新的文档。
reload()	重新加载当前文档。
replace()	用新的文档替换当前文档。

行内标签的使用

 

Location 对象存储在 Window对象的Location属性中，表示那个窗口中当前显示的文档的Web地址。它的href属性存放的是文档的完整 URL，其他属性则分别描述了URL的各个部分。

如有问题请多多谅解！希望给您带来帮助！祝您生活愉快。