BOM浏览器对象

BOM是浏览器的对象模型

BOM能够操作浏览器窗口,提供导航对象,提供定位对象,提供跟屏幕相关的对象,提供对cookie的支持;

Window窗口尺寸(不包含工具栏和滚动条):

window.innerHeight;–浏览器窗口的内部高度           window.innerWidth;–浏览器窗口的内部宽度document.documentElement.clientHeight高度document.body.clientHeight

window的其他方法:

window.open() - 打开新窗口window.close() - 关闭当前窗口window.moveTo() - 移动当前窗口window.resizeTo() - 调整当前窗口的尺寸 

系统对话框:

消息框alert(“hello world”);对话框:confirm(‘Are you sure’);对话框,带有文本框:prompt(‘你的名字是什么?’,’Mike’);

状态栏:

status:可以使状态栏的文本暂时改变defaultStatus可在用户离开当前页面前一直改变该文本

时间间隔和暂停:

暂停:是在指定的毫秒数后执行指定的代码.

setTimeout(要执行的代码,在执行他之前要等待的毫秒数);

例如:

setTimeout(“alert(‘hello’)”,1000);

表示在1秒后显示这条警告

如果要取消还未执行的暂停,可调用clearTimeout(),并将暂停的ID传给他

时间间隔:是反复执行指定的代码,每次执行之间需要等待的毫秒数

setInterval(“要执行的代码”,执行之间需要等待的毫秒数);

时间ID=setInterval(“alter(‘hello’)”,1000);

用clearInterval(时间ID)阻止再次执行代码

历史:

window对象的history属性

go()方法只有一个参数,即前进或者后退的页面数.负数,就在浏览器历史中后退,正数,前进;

window.history.go(-1);window可以省略;返回前一页 history.back();

history.go(1);前进一页  history.forward();

history.length查看历史中的页面数

Document对象:

close()关闭用 document.open() 方法打开的输出流，并显示选定的数据。getElementById()返回对拥有指定 id 的第一个对象的引用。getElementsByName()返回带有指定名称的对象集合。getElementsByTagName()返回带有指定标签名的对象集合。

Location对象:

Location 对象属性(http://www.some-where.com/index#section1)

属性描述hash设置或返回从井号 (#) 开始的 URL（锚）。#section1host设置或返回主机名和当前 URL 的端口号。hostname设置或返回当前 URL 的主机名。省略wwwhref设置或返回完整的 URL。pathname设置或返回当前 URL 的路径部分。

/index#section1

port设置或返回当前 URL 的端口号。protocol设置或返回当前 URL 的协议。httpsearch设置或返回从问号 (?) 开始的 URL（查询部分）。

Location 对象方法

属性描述assign()加载新的文档。reload()重新加载当前文档。replace()用新的文档替换当前文档。