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
返回地址栏中#
后面的内容,包含#