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异步宏队列微队列原理详解

    JS异步宏队列微队列原理详解

    这篇文章主要介绍了JS异步宏队列微队列原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • Javascript在IE和Firefox浏览器常见兼容性问题总结

    Javascript在IE和Firefox浏览器常见兼容性问题总结

    这篇文章主要介绍了Javascript在IE和Firefox浏览器常见兼容性问题,结合实例形式总结分析了javascript在IE与Firefox浏览器中常见的各种兼容性问题与相应的解决方法,需要的朋友可以参考下
    2016-08-08
  • javascript递归回溯法解八皇后问题

    javascript递归回溯法解八皇后问题

    网上看到许多关于八皇后算法的文章,很少能看到使用javascript来实现的,今天就给大家使用javascript来解决下这个问题,有需要的小伙伴可以参考下。
    2015-04-04
  • js中关于new Object时传参的一些细节分析

    js中关于new Object时传参的一些细节分析

    这里讨论给Object传参时,其内部的处理。参考:ECMA262 V5 15.2.2.1
    2011-03-03
  • js实现简易聊天对话框

    js实现简易聊天对话框

    这篇文章主要为大家详细介绍了js实现简易聊天对话框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • JS判断空对象的几个方法大盘点

    JS判断空对象的几个方法大盘点

    在做数据交互的时候,我们经常需要判断数据或者对象是不是为空,避免当接口异常时候前端页面崩溃,下面这篇文章主要给大家介绍了关于JS判断空对象的几个方法,需要的朋友可以参考下
    2022-02-02
  • 基于微信小程序实现透明背景人像分割功能

    基于微信小程序实现透明背景人像分割功能

    这篇文章主要介绍了基于小程序实现透明背景人像分割,此文主要实现识别人体的轮廓范围,与背景进行分离并保存效果图,适用于拍照背景替换及透明背景的人像图(png格式)转换,需要的朋友可以参考下
    2022-10-10
  • gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

    gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

    本文讲如何在网页端实现一个仿微信的聊天窗口界面, 以及其中涉及到的一些技术点. 对gameboy闯关游戏相关知识感兴趣的朋友参考下
    2016-02-02
  • js left,right,mid函数

    js left,right,mid函数

    在JAVASCRIPT中LEFT,RIGHT,MID函数的等价函数,非常适合经常用写asp的朋友
    2008-06-06
  • 微信小程序仿今日头条导航栏滚动解析

    微信小程序仿今日头条导航栏滚动解析

    这篇文章主要介绍了微信小程序仿今日头条导航栏滚动解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08

最新评论