js实现window.open不被拦截的解决方法汇总

 更新时间:2014年10月30日 09:25:41   投稿:shichen2014  
这篇文章主要介绍了js实现window.open不被拦截的解决方法,实例汇总了常用的不被拦截的解决方法,需要的朋友可以参考下

本文实例讲述了js实现window.open不被拦截的解决方法。分享给大家供大家参考。具体分析如下:

一、问题:

今天在处理页面ajax请求过程中,想实现请求后打开新页面,就想到通过 js window.open 来实现,但是最终都被浏览器拦截了。

二、分析:

在谷歌搜索有没有解决方法,有些说可以通过新建a标签,模拟点击来实现,但是测试发现都实现不了,照样被浏览器拦截。
最后找到了一个折中的办法,可以实现新页面打开,但是没有a标签的那种直接流量新页面的效果。

三、实现代码:

复制代码 代码如下:
$obj.click(function(){
 var newTab=window.open('about:blank');
 $.ajax({
  success:function(data){
   if(data){
    //window.open('https://www.jb51.net');
    newTab.location.href="https://www.jb51.net";
   }
  }
 })
})

其它方法:

复制代码 代码如下:
<script type="text/javascript">
<!--
$(
function()
{
//方法一
window.showModalDialog("https://www.jb51.net/");
window.showModalDialog("https://www.jb51.net/");
 

//方法二
var aa=window.open();
setTimeout(function(){
aa.location="https://www.jb51.net";
}, 100);
 

var b=window.open();
setTimeout(function(){
b.location="https://www.jb51.net";
}, 200);
 

var c=window.open();
setTimeout(function(){
c.location="https://www.jb51.net";
}, 300);
 

var d=window.open();
setTimeout(function(){
d.location="https://www.jb51.net";
}, 400);
 

var ee=window.open();
setTimeout(function(){
ee.location="https://www.jb51.net";
}, 500);
 

var f=window.open();
setTimeout(function(){
f.location="https://www.jb51.net";
}, 600);
 

var g=window.open();
setTimeout(function(){
g.location="https://www.jb51.net";
}, 700);
 

var h=window.open();
setTimeout(function(){
h.location="https://www.jb51.net";
}, 800);
 

var i=window.open();
setTimeout(function(){
i.location="https://www.jb51.net";
}, 900);
 

var j=window.open();
setTimeout(function(){
j.location="https://www.jb51.net";
}, 1000);
 

//方法三
var a = $("<a href='https://www.jb51.net' target='_blank'>Apple</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
a.dispatchEvent(e);
 

var a = $("<a href='https://www.jb51.net' target='_blank'>Apple</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
a.dispatchEvent(e);
}
 
);
//-->
</script>

希望本文所述对大家基于javascript的web程序设计有所帮助。

相关文章

  • JS将unicode码转中文方法

    JS将unicode码转中文方法

    本篇文章主要介绍了JS将unicode码转中文方法的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • 控制文字内容的显示与隐藏示例

    控制文字内容的显示与隐藏示例

    控制某id或class的地div显示与隐藏是比较容易实现的,但若控制文字内容的显示与隐藏该如何做到呢?下面有个示例,大家可以参考下
    2014-06-06
  • JS案例分享之金额小写转大写

    JS案例分享之金额小写转大写

    这篇文章主要介绍了JS金额小写转大写的方法,需要的朋友可以参考下
    2014-05-05
  • JS实现调用本地摄像头功能示例

    JS实现调用本地摄像头功能示例

    这篇文章主要介绍了JS实现调用本地摄像头功能,结合实例形式分析了Javascript基于浏览器对本地硬件操作简单实现技巧,需要的朋友可以参考下
    2018-05-05
  • JavaScript插件化开发教程(五)

    JavaScript插件化开发教程(五)

    这篇文章是JavaScript插件化开发系列教程的第五篇,还是着重于实战,通过具体的实例来学习jQuery的方式如何开发插件,有相同需求的小伙伴来参考下吧。
    2015-02-02
  • 详解jQuery插件开发方式

    详解jQuery插件开发方式

    本文介绍了jQuery扩展、私有域、定义插件的基本步骤等知识,有需要的朋友可以看下
    2016-11-11
  • bootstrap table表格客户端分页实例

    bootstrap table表格客户端分页实例

    这篇文章主要为大家详细介绍了bootstrap table表格客户端分页实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)

    JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)

    在学习javascript的过程中,遇到一个问题就是基于JavaScript+Html5实现按钮复制文字到剪切板功能,下面小编给大家分享下我的实现思路,感兴趣的朋友可以参考下
    2017-03-03
  • 利用hasOwnProperty给数组去重的面试题分享

    利用hasOwnProperty给数组去重的面试题分享

    obj.hasOwnProperty(attr) 判断是否是原型中的属性,false就是原型中的属性,下面这篇文章主要给大家介绍了一道利用hasOwnProperty给数组去重的面试题,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-11-11
  • js CSS操作方法集合

    js CSS操作方法集合

    用js实现的对css的一些操作方法,集合,方便需要用js控制css的朋友
    2008-10-10

最新评论