BOM知识点记录

window:即游览器对象模型

Window对象的方法：

window对象的属性和方法在调用时可以省略 window对象

open() 打开新窗口,并返回新窗口的对象

语法定义当中，[]代表省略

close() 关闭当前窗口

moveTo()  移动当前窗口

resizeTo() 调整当前窗口的尺寸

setInterval() 间隔指定的毫秒数不停地执行指定的代码。

setTimeout() 暂停指定的毫秒数后执行指定的代码

clearInterval() 用于停止 setInterval() 方法执行的函数代码。

clearTimeout() 用于停止执行setTimeout()方法的函数代码

frameElement() 获取当前文档的宿主节点iframe元素

execScript() 与 eval的功能相同，不同的是eval函数执行后的脚本的作用域是当前执行上下文，而execScript则总是针对全局作用域]

•语法

        URL:

一个可选的字符串，声明了要在新窗口中显示的文档的 URL。如果省略了这个参数   ，或者它的值是空字符串，那么新窗口就不会显示任何文档。

        name:

一个可选的字符串，该字符串是一个由逗号分隔的特征列表，其中包括数字、字母和下划线， 该字符声明了新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的属性 target 的值。 如果该参数指定了一个已经存在的窗口，那么 open() 方法就不再创建一个新窗口， 而只是返回对指定窗口的引用。在这种情况下，features 将被忽略。

        feather:

一个可选的字符串，声明了新窗口要显示的标准浏览器的特征。如果省略该参数， 新窗口将具有所有标准特征。在窗口特征这个表格中，我们对该字符串的格式进行了详细的说明。

        replace:

一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目， 还是替换浏览历史中的当前条目。支持下面的值： •true - URL 替换浏览历史中的当前条目。 •false - URL 在浏览历史中创建新的条目。

窗体的特征:

channelmode=yes|no|1|0 : 是否使用剧院模式显示窗口。默认为 no。
directories=yes|no|1|0 : 是否添加目录按钮。默认为 yes。
fullscreen=yes|no|1|0 : 是否使用全屏模式显示浏览器。默认是 no。 处于全屏模式的窗口必须同时处于剧院模式。
height=pixels : 窗口文档显示区的高度。以像素计。
left=pixels : 窗口的 x 坐标。以像素计。
location=yes|no|1|0 : 是否显示地址字段。默认是 yes。
menubar=yes|no|1|0 ： 是否显示菜单栏。默认是 yes。
resizable=yes|no|1|0 ： 窗口是否可调节尺寸。默认是 yes。
scrollbars=yes|no|1|0 ： 是否显示滚动条。默认是 yes。
status=yes|no|1|0 ： 是否添加状态栏。默认是 yes。
titlebar=yes|no|1|0 ： 是否显示标题栏。默认是 yes。
toolbar=yes|no|1|0 ： 是否显示浏览器的工具栏。默认是 yes。
top=pixels ： 窗口的 y 坐标。
width=pixels ： 窗口的文档显示区的宽度。以像素计。

window的属性 说明

Screen ： 包含有关用户屏幕的信息。
Location  ：用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面
History ：包含浏览器的历史
Navigator： 包含有关访问者浏览器的信息
document ：文档对象
innerHeight： 浏览器窗口的内部高度
innerWidth ：浏览器窗口的内部宽度

1、 screen

• Screen 对象包含有关客户端显示屏幕的信息。

•常用属性

availHeight ：返回显示屏幕的高度 (除 Windows 任务栏之外)。
availWidth： 返回显示屏幕的宽度 (除 Windows 任务栏之外)。
height ：返回显示屏幕的高度。
width ： 返回显示器屏幕的宽度。
pixelDepth ：返回显示屏幕的颜色分辨率（比特每像素）。
updateInterval 设置或返回屏幕的刷新率。

2、Location

Location 对象包含有关当前 URL 的信息,即当前页面完整路的信息

•Location 对象属性

hash 设置或返回从井号 (#) 开始的 URL（锚）。
host 设置或返回主机名和当前 URL 的端口号。
hostname 设置或返回当前 URL 的主机名。
href 设置或返回完整的 URL。
pathname 设置或返回当前 URL 的路径部分。
port 设置或返回当前 URL 的端口号。
protocol 设置或返回当前 URL 的协议。
search 设置或返回从问号 (?) 开始的 URL（查询部分）。

•Location 对象方法

assign() 加载新的文档。
reload() 重新加载当前文档，相当于刷新页面。
replace() 用新的文档替换当前文档。

3、history

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

•History 对象属性

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

•History 对象方法

方法 描述

back() 加载 history 列表中的前一个 URL,后退。

forward() 加载 history 列表中的下一个 URL，前进。

go() 加载 history 列表中的某个具体页面。

示例

history.back();//后退,在一个浏览器页面中访问过多个网页才能使用后退

history.forward();//前进，只有使用过后退之后

history.go(1);//如果参数是正数，表示前进，数字代表前进的页面的数量，相当物执行了对应 次数的forword, 如果是负数，表示后退，数字代表后退的页面的数量，相当于执行对应次数的back

                        

示例：

                    第一个页面
<button onclick = "history.forward()">前进</button>
<button οnclick= "location.href='p2.html'" >第二页</button>
<button onclick = "location.href='p3.html'">第三页</button>
<button onclick = "location.href='p4.html'">第四页</button>
<button onclick = "history.back()">后退</button>

。