BOM的一些常用方法和属性

最新推荐文章于 2023-01-24 11:47:41 发布

HaahLeel

最新推荐文章于 2023-01-24 11:47:41 发布

阅读量843

点赞数

分类专栏： miaov 笔记

本文链接：https://blog.csdn.net/NewStart_lh/article/details/46934631

版权

miaov 笔记专栏收录该内容

21 篇文章 1 订阅

订阅专栏

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)
}

HaahLeel

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BOM的一些常用方法和属性

BOM是Browser Object Model的缩写，简称浏览器对象模型html部分代码<body> <input type="button" value="打开一个新窗口"/> <input type="button" value="关闭窗口"/> <input type="button" value="浏览器信息"/> <input type="button"
复制链接

扫一扫