admin 管理员组

文章数量: 1184232

项目需求要在新窗口打开链接，但被拦截了

1.问题
  • 需要在ajax回调中在新窗口打开页面
  • 在浏览器开启拦截弹窗时， window.open(src, "_blank"); 这个会被拦截
2.发现

  • 浏览器会拦截所有非用户触发的新窗口打开页面（js的跳转）

  • 判断浏览器是否打开新窗口的代码 不兼容

    • js代码 
    var flag =false;try{var winSrc = window.open("","_blank");if(winSrc ==null){
		flag =true;}}catch(e){
	flag =true;}if(flag){
	console.log("window.open()为null")}
    • 检验效果
      • pc端，检测了几个浏览器，都是ok的
      • 苹果端，用这个判断是ok的
      • 安卓端，会显示被拦截，但是flag为false，winSrc不为null

  • 延迟这个打开操作 无效 

    setTimeout('window.open(url);',500);// 延迟时间不能太短 否则也会被拦截
3.解决办法
  • 弹窗，按钮使用a标签，在新窗口打开页面
    不区分浏览器，需要在ajax回调中在新窗口打开页面时，都弹出一个弹窗（包含a标签按钮），修改a标签的src，引导用户点击按钮，实现防止浏览器拦截新窗口弹窗的功能
4.例子
  • html代码 
<divclass="pop"><divclass="box"><pclass="text01">订单创建成功</p><pclass="text02">
            请前往订单页面查看信息
        </p><divclass="boxBtn"><aclass="boxBtnCheck"target="_blank"href="">查看订单</a></div></div></div>
  • js代码 
//ajax回调中使用$('.boxBtnCheck').attr('href', res.data)$('.pop').show()//兼容的弹窗 关闭$('.boxBtnCheck').click(function(){$('.pop').hide()});
5.参考文章

本文标签： 需要在 代码 回调中在

版权声明：本文标题：js防止浏览器拦截新窗口弹出_苹果手机浏览器默认拦截弹窗 js a域名跳转b域名 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1774312047a3570279.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。