您的位置：首页 > 其它

BOM的一些常用方法和属性

2015-07-17 23:46 453 查看

BOM是Browser Object Model的缩写，简称浏览器对象模型

html部分代码

<body>
<input type="button" value="打开一个新窗口"/>
<input type="button" value="关闭窗口"/>
<input type="button" value="浏览器信息"/>
<input type="button" value="浏览器地址栏信息"/>
</body>

1.window.open（）：open(页面的地址URL，打开的方式):打开一个新的窗口，至少带有两个参数；

url为空时默认打开一个空白页面

打开方式为空时默认新窗口方式打开

返回值：返回新打开的窗口的window对象

var aBtn = document.getElementsByTagName("input");
var open = null;
aBtn[0].onclick = function(){
open = window.open();
//可以通过返回值操作新页面的一些节点
open.document.body.style.background = "red";
// window.open('http://www.baidu.com','_self '); //当前页面打开新窗口
}

2.window.close（）: 存在兼容性

ff : 默认无法关闭

chrome :默认直接关闭

ie：询问用户

aBtn[1].onclick = function(){
window.close();
}

可以关闭本窗口通过JS打开的新窗口

open.close();

3.window.navigator.userAgent：浏览器信息

可以用来判断浏览器是否为IE

if(window.navigator.userAgent.indexOf('Trident') != -1)
alert("我是IE");
else
alert("我不是IE");

4.window.location：浏览器地址栏信息

a）window.location.href : 浏览器的url 与 window.location相同

b）window.location.search： url？后面的内容

c）window.location.hash ： url#后面的内容，可以用于做幻灯片等

aBtn[3].onclick = function(){
alert(window.location)
alert(window.location.href)
alert(window.location.search)
alert(window.location.hash)
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航