Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口

很多浏览器对新开弹出窗口进行了限制,popup窗口在默认情况下会被block掉。

这样可能会造成按钮/链接/脚本不工作的假象。

window.open("http:www.techbrood.com","_blank")

以上JS语句是想新开一个窗口而不是在原有的窗口上跳转,这在分享内容时经常见到。

究竟是弹窗还是新建标签页是由浏览器的设置决定的,并不由第二个参数_blank而确定。

如果用户浏览器的设置是弹出新的窗口,那么JS脚本无法影响这种情况下的行为。

如果用户浏览器的设置是新开一个标签页(最新的主流浏览器基本上默认情况下都是这个设置)

那么可以通过JS脚本来控制新建标签还是新建窗口的行为,必须是在click事件的处理过程中,代码如下:

[javascript]  view plain  copy
  1. <a class="link">Link</a>  
  2. <script  type="text/javascript">  
  3.      $("a.link").on("click",function(){  
  4.          window.open('www.techbrood.com','_blank');  
  5.      });  
  6. </script>  

上述语句可以达到和如下静态html代码相同的效果:

<a href="www.techbrood.com" target='_blank'>Link</a>


如果在click事件中使用了ajax请求,那么注意ajax默认的异步请求模式会让click事件失去时效,

所以如果要达到新建标签页的效果,务必保证async参数为false。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值