BOM

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

<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>
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);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • BOM 概述 1. BOM(浏览器模型) Browser Object Moder浏览器对象模型 什么是BOM ?...
    谢聃阅读 3,480评论 1 1
  • ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么 B...
    劼哥stone阅读 4,276评论 2 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,273评论 19 139
  • There are moments when I don’t know if it’s real Or if an...
    似是故人来_l阅读 1,531评论 4 2
  • 昨天是matt的散学典礼,月底工作忙,我没时间去参加。也想要爸爸多参加一些他的活动,锻炼一下爸爸单独带孩子的能力。...
    亲亲_3199阅读 1,711评论 0 0

友情链接更多精彩内容