JavaScript BOM对象(Window)

BOM是浏览器的对象模型

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

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

1. window.innerHeight;--浏览器窗口的内部高度           window.innerWidth;--浏览器窗口的内部宽度
2. document.documentElement.clientHeight高度
3. 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（锚）。#section1
host	设置或返回主机名和当前 URL 的端口号。
hostname	设置或返回当前 URL 的主机名。省略www
href	设置或返回完整的 URL。
pathname	设置或返回当前 URL 的路径部分。 /index#section1
port	设置或返回当前 URL 的端口号。
protocol	设置或返回当前 URL 的协议。http
search	设置或返回从问号 (?) 开始的 URL（查询部分）。

Location 对象方法

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

Navigator对象:

包含大量有关web浏览器的信息;

screen对象:

可以获取某些关于用户屏幕的信息