DOM-BOM-EVENT(6)
2019-12-18 本文已影响0人
螺钉课堂
6.BOM
#6.1.什么是BOM?
BOM(Browse Object Model),浏览器对象模型,没有相关标准,是约定俗成的东西,定义了一些操作浏览器的方法和属性,大部分方法都是通过window对象来调用的,window对象是浏览器端的最顶层的对象
#6.2.open方法
open方法可以用来打开一个新的窗口(页面)
var w = open(页面url地址, 打开的方式)
注意:如果url为空,默认打开一个空白页面
如果打开方式为空,默认为新窗口方式打开
返回值: 新打开窗口的window对象
window.open("http://nodeing.com")
window.open("http://nodeing.com", "_self")
打开新窗口后可以操作页面
var w = open()
w.document.body.style.backgroundColor = "#009f95"
#6.3.close方法
<button id="op">打开窗口</button>
<button id="cls">关闭</button>
<script>
var opBtn = document.getElementById("op")
var clsBtn = document.getElementById("cls")
var w = null;
opBtn.onclick = function(){
w = open()
}
clsBtn.onclick = function(){
w.close()
}
</script>
#6.4.获取浏览器信息
alert(window.navigator.userAgent)
简单应用:
if(window.navigator.userAgent.index("MSIE") != -1){
alert("当前是ie浏览器")
}else{
alert("当前浏览器不是ie")
}
#6.5.地址栏信息
console.log(window.location)
地址栏地址
console.log(window.location.href)
查询字符串
console.log(window.location.search)
hash值
console.log(window.location.hash)