BOM

作者: ErrorCode233 | 来源:发表于2018-07-19 09:40 被阅读8次

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

      本文链接:https://www.haomeiwen.com/subject/etmzpftx.html