JavaScript BOM

  • 2019-06-15
  • 15
  • 0
  • 0

一、Window对象

  1. 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。
  2. Window对象表示浏览器窗口,所有JavaScript全局对象、函数以及变量均自动成为 window 对象的成员。
  3. 全局变量是window对象的属性,全局函数是window对象的方法。HTML DOM的 document也是window对象的属性之一。
  4. window.navigator.userAgent:浏览器标识。
//alert( window.navigator.userAgent )
if( window.navigator.userAgent.indexOf('MSIE') != -1 ) {
    alert('我是ie');
} else {
    alert('我不是ie');
}
  1. 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 的协议 |
6. window.history:History 对象包含用户(在浏览器窗口中)访问过的 URL。length返回浏览器历史列表中的 URL 数量。back()加载 history 列表中的前一个 URL。 forward()加载 history 列表中的下一个 URL。go()加载 history 列表中的某个具体页面,负数是后退,正数是前进。

二、Window对象方法

  1. window.onhashchange:当hash改变触发。
  2. window.open(url,target):打开一个新的浏览器窗口或查找一个已命名的窗口。返回值是新打开的window对象。地址默认是空白页面,打开方式默认新窗口。可以接受第三个参数是打开窗口的样式。
window.open('http://www.baidu.com', '_self');

var opener = window.open();
opener.document.body.style.background = 'red';
  1. window.close():关闭window这个对象窗口。
  2. window.scrollTo(x, y):把内容滚动到指定的坐标。x为水平方向滚动条,y为垂直方向滚动条。
document.onclick = function(){
    window.scrollTo(100,100);
}
  1. window.scrollBy(x, y):滚动叠加,不加px。x为水平方向滚动条,y为垂直方向滚动条。
document.onclick = function(){
    window.scrollBy(100,100);
}
  1. onload:文档加载完毕
  2. onscroll:滚动的时候
  3. onresize:调整尺寸的时候

评论

还没有任何评论,你来说两句吧