DOM编程艺术（BOM）

1、属性

从广义上讲，JavaScript包含三个部分，首先就是ECMAScript，它是我们从狭义上理解的JavaScript，是JavaScript的语法部分；然后是DOM，也就是文档对象模型；最后是BOM，它是浏览器窗口对象的一组API。

1、结构图：

2、属性：

属性名	描述
navigator	浏览器信息
location	浏览器定位和导航
history	窗口浏览器历史
screen	屏幕信息

①navigator——浏览器信息

------platform   表示他所运行的平台

------userAgent  包含很多信息，不同的浏览器的userAgent值不一样，其中可以得到他们的浏览器内核和版本号。

         chrome和Safari的内核都是webkit，Firefox的内核为Gecko，IE内核为Trident。

        可以根据这个属性判断出当前网页是运行在什么浏览器上的。

②location——浏览器定位和导航

------href    浏览器当前访问资源的完整路径，可以进行页面的跳转（也可以直接使用location，他会自动调用它的toString方法，将href修改）

三个方法：

------------assign(url)     载入新的url，记录浏览历史

------------replace(url)    载入新的url，之前的页面不记录浏览历史

------------reload()      重载当前页

③history——浏览器当前窗口的浏览历史

三个常用方法：

-----------back()

-----------forward()

这两个都传入的是正整数，表示前进或后退的步长。

-----------go()   这个传入的是整数就可以了，正数表示前进，负数表示后退。

④screen——屏幕信息

带有avail前缀的表示可用的。

2、方法

方法名	描述
alert(),confirm(),prompt()	三种对话框
setTimeout(),setInterval()	定时器
open(),close()	开新窗口，关闭窗口

①alert()、confirm()、prompt()(会提示输入)

出现警告框时，当前页面出于阻塞状态，只有点击确定(取消)或x按钮之后才能继续当前页面线程。

②开关窗口

		var  w = window.open("subwin.html", "subwin", "width=400,height=350,status=yes,resizable=yes");
		w.close();

3、事件

事件名	描述
load	文档和所有图片加载完毕时
unload	离开当前文档
beforeunload	和unload类似，但它提供询问用户是否确定离开的机会
resize	拖动改变浏览器窗口大小时
scroll	拖动滚动浏览器时