BOM基础

BOM是browser object model的缩写，简称浏览器对象模型。它提供了独立于内容而与浏览器窗口进行交互的对象，并且每个对象都提供了很多方法和属性。BOM主要用于管理窗口与窗口之间的通信，因此其核心对象时window。

window对象

window对象是客户端Javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。该对象的实例也可由window.open()方法创建。
Javascript常用的函数：

（1）alert():alert消息对话框通常用于一些对用户的提示信息。消息对话框是由系统提供的，因此样式字体在不同浏览器中可能不同。消息对话框是排他的，在用户单击对话框按钮前，不能进行任何其他操作。消息对话框可以用于调试程序。
（2）confirm():弹出消息对话框（对话框中包含一个OK按钮与一个Cancel按钮）。①confirm函数语法：confirm(str); ②confirm函数参数:str——要显示在消息对话框中的文本。 ③confirm函数返回值：Boolean值，当用户单击OK按钮时，返回true;当用户单击Cancel按钮时，返回false。通过返回值可以判断用户单击了什么按钮。
（3）prompt()函数。prompt弹出消息对话框（对话框中包含一个OK按钮、一个Cancel按钮与一个文本输入框）。①prompt函数语法：prompt(str1,str2); ②prompt函数参数：str1——要显示在消息对话框中的文体，不可修改。str2——文本框中的 内容，可以修改。 ③prompt函数返回值:如果单击OK按钮，文本框中的内容将作为函数返回值。单击Cancel按钮，将返回NULL。

document对象

1.document对象描述
document用于表现HTML页面当前窗体的内容，是window对象的一部分，可通过document属性对其进行访问。
2.document对象属性

body 提供对元素的直接访问；对于定义了框架集的文档，该属性引用最外层的。
cookie 设置或返回与当前文档有关 的 所有cookie。
domain 返回当前文档的域名。
lastModified 返回文档被最后修改的日期和时间。
referrer 返回载入当前文档的URL。
title 返回当前文档的标题。
URL 返回当前文档的URL。

3.doucument对象方法

close() 关闭用document.open()方法打开的输出流，并显示选的的数据
getElementsById() 返回对拥有指定id的第一个对象的引用
getElementsByName() 返回带有指定名称的对象集合
getElementsByTagName() 返回带有指定标签名的对象集合
open() 打开一个流，以收集来自任何document.write()或document.writeIn()方法的输出
write() 向文档写HTML表达式或Javascript代码
writeIn() 等同于write方法，不同的是在每个表达式之后写一个换行符

location对象

location对象用于获取或设置窗体的URL，并且可以用于解析URL，是BOM中最重要的对象之一。window.location对象用于获得当前页面的地址（URL），并把浏览器重定向到新的页面。

（1）location既是window对象的属性又是document对象的属性。
（2）location包含8个属性，其中7个都是当前窗体的URL的一部分，剩下最重要的一个是href属性，代表当前窗体的URL。
（3）location的8个属性都是可读写的，但是只有href与hash的写才有意义。例如改变location.href会重新定位到一个URL，而修改location.hash会跳到当前页面中的anchor()或者

等名字的标记，而且页面不会被重新加载。
（4）location属性
①hash属性——返回URL中#符号 后面的内容
②host属性——返回域名
③hostname属性——返回主域名
④href属性——返回当前文档的完整URL或设置当前文档的URL
⑤pathname属性——返回URL中域名后的部分
⑥port属性——返回URL中的端口
⑦protocol属性——返回URL中的协议
⑧search属性——返回URL中的查询字符串
⑨assign()函数——设置当前文档的URL
⑩replace()函数——设置当前文档的URL，并在history对象的地址列表中删除这个URL
11.reload()函数——重新加载当前文档（从server服务器端）
12.toString()函数——返回location对象href属性当前的值

navigator对象

window.navigator对象包含有关访问者浏览器的信息。navigator中最重要的是userAgent属性，返回包含浏览器版本等信息的字符串，cookieEnabled也很重要，使用它可以判断用户浏览器是否开启cookie。
判断cookie是否开启的示例：

alert(navigator.cookieEnabled)

screen对象

screen对象用于获取用户的屏幕信息。
screen对象属性：

（1）availHeight属性——窗口可以使用的屏幕高度，单位像素
（2）availWidth属性——窗口可以使用的屏幕宽度，单位像素
（3）colorDepth属性——用户浏览器表示的颜色位数，通常为32位（每像素的位数）
（4）pixelDepth属性——用户浏览器表示的颜色位数，通常为32位（每像素的位数-IE不支持）
（5）height属性——屏幕的高度，单位像素
（6）width属性——屏幕的宽度，单位像素

小技巧：
简略语句：
Javascript可以使用简略语句快速创建对象和数组.
eg:

var box=new Object()
box.width=100
box.height=200
box.weight=3
box.label="mybox"

可以使用简略语句如下：

var box={
100
height:200
weight:3
label:"mybox"
}
**结尾不需要加分号**