BOM

2018-07-19 本文已影响8人 ErrorCode233

1.BOM

BOM（Browser Object Model）浏览器对象模型。
BOM是关于浏览器的方法，属性，事件。由于浏览器各自的标准不同，所以BOM的兼容性是基本不兼容的。

2. window.open

作用：
打开一个新窗口

语法：

window.open();

参数：
1.指定要打开的页面地址
2.打开的方式，例如： _blank, _self···等等
3.浏览器的窗口特征（宽，高，窗口位置等等。）

var btn = document.querySelector("#btn");
btn.onclick = function(){
    window.open("https://www.google.com/");     //默认在新窗口打开
    window.open("https://www.google.com/","_self")      //在当前窗口打开这个页面  
    window.open("https://www.google.com/","_blank","width=200,height=100,left=200,top=100");
    //第三个参数中，使用等号代替平时写CSS的冒号，设置的宽高位置不带单位。
}

3. window.close

作用：关闭当前窗口

语法：

wondow.close();

在不同浏览器下的表现情况不一样。
在firefox和opear浏览器下，只允许关闭使用windos.open方法所打开的窗口。

4. window.navigator.userAgent

作用：输出用户代理信息。
信息中的内容有：操作系统、浏览器内核、浏览器版本等。

语法：

window.navigator.userAgent

5 window.location

获取浏览器地址栏信息

5.1 window.location.href

返回字符串版的地址栏信息。
返回值是一个字符串

语法：

window.location.href            //"https://zhuanlan.zhihu.com/p/21280435"

5.2 window.location.search

地址栏的查询信息（字符串）

语法：

window.location.search

返回一串地址栏中由?到#之间的所有内容组成的一个字符串 （不包含#）

5.3 window.location.hash

锚点信息
语法：

window.loaction.hash

返回地址栏中#后面的内容，包含#

BOM