JavaScript与BOM

BOM：Browser Object Model 浏览器对象模型，将浏览器的各个部分封装成对象。
组成：
  Window：窗口对象
  Navigator：浏览器对象
  Screen：显示器对象
  History：历史记录对象
  Location：地址栏对象

如何学习它们

• 清楚BOM对象的获取方式。
• 了解BOM对象的属性。
• 掌握BOM对象中的一些重要方法。
  Window：窗口对象(重要）
  Location：地址栏对象(重要）
  History：历史记录对象(重要）
  Navigator：浏览器对象
  Screen：显示器对象

---

说明 下面只会简单介绍Window，Location，History这三个对象，每个对象的属性和方法只会介绍一些比较常用的。如果需要学习其他对象或者深入了解Window，Location，History，请参考上面的文档。

---

Window对象

创建：

  Window对象不需要创建就可以直接使用。window.方法名()或者window.属性名,注意window引用也可以省略，例如window.alert()就可以简化为alert()。

---

方法

  与 弹出框 有关的方法

方法	描述	使用示例
alert()	显示带有一段消息和一个确认按钮的警告框。	alert("确定离开吗？");
confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框。	var flag = confirm("确定离开吗?");//用户点确定返回true，取消返回false
prompt()	显示可提示用户输入的对话框。	var username = prompt("请输入用户名");//返回用户输入的内容

  与 窗口的打开与关闭 有关的方法

方法	描述	使用示例
open()	打开一个新的浏览器窗口或查找一个已命名的窗口。	open();//打开一个新的空标签页 open("http://www.baidu.com");//在一个新标签页打开百度
close()	关闭浏览器窗口。	close();//关闭当前页面。如果想关闭之前打开的百度窗口，需要获取open方法返回的window对象，调用其close方法。var newWindow = open("http://www.baidu.com");newWindow.close();

  与 定时器 有关的方法

方法	描述	使用示例
setTimeout()	在指定的毫秒数后调用函数或计算表达式。	//第一个参数为Function对象，第二个参数为间隔时间(单位毫秒）function add() {alert("执行成功");} setTimeout(add, 3000);//3秒后执行add函数
clearTimeout()	取消由 setTimeout() 方法设置的 timeout。	//取消定时器。setTimeout方法会返回一个定时器的唯一标识，我们如果想取消它直接把这个返回值传给clearTimeout方法即可。var tid = setTimeout(add,3000);clearTimeout(tid);
setInterval()	按照指定的周期（以毫秒计）来调用函数或计算表达式。	和setTimeout用法差不多，setInterval(add,3000);每隔3秒执行一次add方法
clearInterval()	取消由 setInterval() 设置的 timeout。	取消方式和clearTimeout类似，var tid = setInterval(add,3000);clearInterval(tid);

---

属性:使用window对象来获取其他4个BOM对象和Document对象

  获取其他BOM对象

属性	描述	使用示例
history	对 History 对象的只读引用。	window.history或history
location	用于窗口或框架的 Location 对象。	window.location或location
Navigator	对 Navigator 对象的只读引用。	window.Navigator或Navigator
Screen	对 Screen 对象的只读引用。	window.Screen或Screen

  获取Document对象

方法	描述	使用示例
document	对 Document 对象的只读引用。	window.document或document

---

Location对象

创建：

  Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location或直接写 location 来访问。

---

方法：

方法	描述
reload()	重新加载当前文档。

属性:

属性	描述	使用示例
href	设置或返回完整的 URL。	location.href = "http://www.baidu.com";//将当前页面重定向到百度
search	设置或返回从问号 (?) 开始的 URL（查询部分）。	例如当前页面的URL为www.baidu.com?name=zhang 那么location.search就可以拿到name=zhang

History对象

创建：

  History 对象包含用户（在浏览器窗口中）访问过的 URL。History对象是 Window 对象的一个部分，可通过 window.history或直接写 history 来访问。

---

方法：

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

属性:

属性	描述
length	返回浏览器历史列表中的 URL 数量。