BOM（浏览器对象模型）

1、什么是BOM？

BOM是浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。当调用window的属性时，window可以省略不写。

2、对话框

• alert()：普通的弹出框，传入什么值，它就弹出什么。
• prompt()：对话框，返回的值是我们输入的内容
• confirm()：确认框，比如在删除元素时，可以使用这个来提示确定删除吗

3、加载事件 (onload)

onload事件会在页面加载完毕后立即执行，如果我们写的script脚本在body上的话，就需要绑定onload事件，否则在执行脚本时页面元素还没有加载完毕，会出错。

4、Location对象

 	//地址栏上#及后面的内容
	console.log(window.location.hash);
	 //主机名及端口号
	console.log(window.location.host);
	 //主机名
	console.log(window.location.hostname);
 	//文件的路径---相对路径
	console.log(window.location.pathname);
 	//端口号
	console.log(window.location.port);
 	//协议
	console.log(window.location.protocol);
	 //搜索的内容
	console.log(window.location.search);

5、History对象

至少需要两个页面，比如a,b。在a页面上点击跳转链接到b页面，然后在b上点击有window.history.back();功能的按钮，回退到a页面，a在点击window.history.forward();前进到b页面

//跳转的
my$("btn1").onclick = function () {
	window.location.href = "15test.html";
};
//前进
my$("btn2").onclick = function () {
	window.history.forward();
};
//后退
my$("btn").onclick = function () {
	window.history.back();

6、Navigator对象

• 判断用户浏览器的类型
  window.navigator.userAgent);
• 判断浏览器所在的系统平台类型.
  window.navigator.platform);