一、Window对象
- 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。
- Window对象表示浏览器窗口,所有JavaScript全局对象、函数以及变量均自动成为 window 对象的成员。
- 全局变量是window对象的属性,全局函数是window对象的方法。HTML DOM的 document也是window对象的属性之一。
window.navigator.userAgent
:浏览器标识。
//alert( window.navigator.userAgent )if( window.navigator.userAgent.indexOf('MSIE') != -1 ) { alert('我是ie');} else { alert('我不是ie');}复制代码
window.location
:浏览器url地址信息,可读可写。
对象属性 | 描述 |
window.location.href | 设置或返回完整的 URL |
window.location.search | 设置或返回 url?,?+后面的内容 |
window.location.pathname | 设置或返回当前 URL 的路径部分 |
window.location.hash | 设置或返回 url#后面的内容 哈希值 |
window.location.port | 设置或返回当前 URL 的端口号 |
window.location.hostname | 设置或返回当前 URL 的主机名 |
window.location.host | 设置或返回主机名和当前 URL 的端口号 |
window.location.protocol | 设置或返回当前 URL 的协议 |
window.history
:History 对象包含用户(在浏览器窗口中)访问过的 URL。length
返回浏览器历史列表中的 URL 数量。back()
加载 history 列表中的前一个 URL。 forward()
加载 history 列表中的下一个 URL。go()
加载 history 列表中的某个具体页面,负数是后退,正数是前进。
二、Window对象方法
window.onhashchange
:当hash改变触发。 window.open(url,target)
:打开一个新的浏览器窗口或查找一个已命名的窗口。返回值是新打开的window对象。地址默认是空白页面,打开方式默认新窗口。可以接受第三个参数是打开窗口的样式。
window.open('http://www.baidu.com', '_self');var opener = window.open();opener.document.body.style.background = 'red';复制代码
window.close()
:关闭window这个对象窗口。 window.scrollTo(x, y)
:把内容滚动到指定的坐标。x为水平方向滚动条,y为垂直方向滚动条。
document.onclick = function(){ window.scrollTo(100,100);}复制代码
window.scrollBy(x, y)
:滚动叠加,不加px。x为水平方向滚动条,y为垂直方向滚动条。
document.onclick = function(){ window.scrollBy(100,100);}复制代码
onload
:文档加载完毕 onscroll
:滚动的时候 onresize
:调整尺寸的时候