前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布

BOM

作者头像
河湾欢儿
发布2018-09-06 16:40:20
8180
发布2018-09-06 16:40:20
举报

BOM 浏览器对象模型 定义了js操作浏览器的属性和方法 open(页面地址的url,打开的方式) 第一个参数,如果为空,默认打开一个空白的页码 第二个参数,如果为空,默认打开一个新的窗口打开

代码语言:javascript
复制
<input type="button" value="打开新窗口" id="btn"/>
<input type="button" value="关闭窗口" id="btn1"/>
<input type="button" value="关闭新窗口" id="btn2"/>

//open的参数  open(页面地址的url,打开的方式) 
<script>
       var btn=document.getElementById('btn');
       btn.onclick= function () {
           window.open('http://www.baidu.com/','_self');
       };
</script>
//查看window.open()的返回值
<script>
       var opener=null;
       var btn=document.getElementById('btn');
       btn.onclick= function () {
           opener=window.open();
    //       alert(opener==window);
           opener.document.body.style.background='red';
       };

//关闭浏览器
        var btn1=document.getElementById('btn1');
        btn1.onclick= function () {
            window.close();
        }; 
//关闭新窗口
        var btn2=document.getElementById('btn2');
           btn2.onclick= function () {
           opener.close();
        };
</script>
代码语言:javascript
复制
alert(window.navigator.userAgent);浏览器的版本
alert(window.location);//还有一些属性
alert(window.location.href);//和上面的一样

//    window.location.search  url?内容
//     window.location.hash   url#内容
alert(window.location.hash);
alert(window.location.search);
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.01.02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档