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(锚)。#section1 |
host | 设置或返回主机名和当前 URL 的端口号。 |
hostname | 设置或返回当前 URL 的主机名。省略www |
href | 设置或返回完整的 URL。 |
pathname | 设置或返回当前 URL 的路径部分。 /index#section1 |
port | 设置或返回当前 URL 的端口号。 |
protocol | 设置或返回当前 URL 的协议。http |
search | 设置或返回从问号 (?) 开始的 URL(查询部分)。 |
Location 对象方法
属性 | 描述 |
---|---|
assign() | 加载新的文档。 |
reload() | 重新加载当前文档。 |
replace() | 用新的文档替换当前文档。 |
包含大量有关web浏览器的信息;
screen对象:
可以获取某些关于用户屏幕的信息