标签:
BOM(Browser Object Model 浏览器对象模型)使JavaScript 有能力与浏览器“对话”。
Window 对象
所有浏览器都支持 window 对象。它是BOM的核心对象,它表示浏览器的一个实例。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一:
window.document.getElementById("header");
top对象始终指向最外围的框架,即浏览器窗口;
parent对象始终指向当前框架的直接上层框架;
self对象则回指window;
Window 尺寸
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
- window.innerHeight - 浏览器窗口的内部高度
- window.innerWidth - 浏览器窗口的内部宽度
对于 Internet Explorer 8、7、6、5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
或者
- document.body.clientHeight
- document.body.clientWidth
window.location 对象
用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
它既是window对象的属性,也是document对象的属性。
location对象的所有属性:
- location.protocol 返回所使用的 web 协议(http:// 或 https://)
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 (80 或 443)
- location.href 返回当前页面的 URL。
- location.search 返回URL查询字符串(?q=javascript)
location对象的方法:
location.assign("http://www.baidu.com");等价于
window.location="http://www.baidu.com ";
location.href="http://www.baidu.com ";
- replace()用户不能回到前一个页面。(因为不会在历史记录中生成新纪录)
location.replace("http://www.baidu.com");
location.reload();//有可能从缓存中加载;
location.reload(true);//从服务器中加载
window.history 对象
保存着浏览器的历史记录。
- history.go() 可以在用户的历史记录中任意跳转(向前或向后)
该方法接受一个参数(一个整数值),表示向后或向前跳转的一个页面数。负数-向后跳转;正数-向前跳转;
history.go(-1); //后退一页
history.go(2); //前进两页
也可以给go()方法传递一个字符串参数,此时浏览器会跳转到 历史记录中包含该字符串的第一个位置; 如果不包含,什么也不做;
history.go("baidu.com");
- history.back() - 与在浏览器点击后退按钮相同
- history.forward() - 与在浏览器中点击向前按钮相同
- history.length -保存着历史记录的数量
window.screen 对象
包含有关用户屏幕的信息。
在编写时可以不使用 window 这个前缀。
- screen.availWidth - 可用的屏幕宽度
- screen.availHeight - 可用的屏幕高度
window.navigator 对象
包含有关访问者浏览器的信息。
navigator对象的属性通常用于检测显示网页的浏览器类型
BOM—浏览器对象模型
标签:
原文地址:http://blog.csdn.net/meijory/article/details/51355897