文档章节

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

乐_然
 乐_然
发布于 2017/08/29 22:41
字数 431
阅读 13
收藏 0

本文实例讲述了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('http://www.jb51.net');
    newTab.location.href="http://www.jb51.net";
   }
  }
 })
})


其它方法:

 

 

复制代码代码如下:

<script type="text/javascript">
<!-- 
$( 
function()
{
//方法一
window.showModalDialog("http://www.jb51.net/");
window.showModalDialog("http://www.jb51.net/");
 

 

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

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

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

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

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

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

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

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

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

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

//方法三
var a = $("<a href='http://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='http://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程序设计有所帮助。

本文转载自:http://www.jb51.net/article/56868.htm

共有 人打赏支持
乐_然
粉丝 9
博文 133
码字总数 31356
作品 0
南京
关于页面中 JS 中windown.open( )方法打开新页面有可能会被浏览器拦截的问题

前言,在项目中突然间遇到了一个情况,同样的代码怎么有点地方window.open()打开的新页面不被拦截,有的地方又被拦截了呢,我百思不得其解,于是上网查了下,终于明白这是什么原因了,下面一...

恐空控
2014/03/06
0
0
解决window.open() 详解 《弹出框浏览器拦截阻止,和弹出狂隐藏地址栏》 JS页面跳转

最近在做支付宝在线支付,场景:在商务网站选择产品后点击确认购买,把数据传递到后台保存数据库,然后直接执行window.open(URL) 结果发先跳转页面会被浏览器拦截阻止打开窗口!经过研究发现...

郏高阳
2013/04/12
0
7
iOS与JS交互之UIWebView-JSExport协议

级别:★★☆☆☆ 标签:「iOS与JS交互」「UIWebView与JS交互」「JSExport」 作者: Xs·H 审校: QiShare团队 先解释下标题:“iOS与JS交互”。iOS指原生代码(文章只有示例),JS指前端(不...

QiShare
08/31
0
0
js post 方式 新开窗口

js中一般新打开窗口很简单直接window.open(url);就可以了, 但是由于我希望传递参数到服务端,而且参数看起来很长一串,而且get方式的提交参数长度是有限制的,因此我有以下需求: 1,js中实...

五大三粗
2015/02/26
0
0
JS与OC-WebView交互总结

OC与JS交互有两种方式,WKWebView和UIWebView,由于UIWebView比较耗内存,性能上不太好,所以苹果在iOS 8中推出了WKWebView。 一、与UIWebView交互 在UIWebView与JS交互中最简单的办法就是拦截...

乔兰伊雪
05/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

redis 系列一 -- 简介及安装

1.简介 redis -- remote dictionary server 远程字典服务 使用 C 语言编写; 高性能的 key-value数据库; 内存数据库,支持数据持久化。 Redis 是一个开源(BSD许可)的,内存中的数据结构存...

imbiao
41分钟前
1
0
nginx log记录请求响应时间

有时为了方便分析接口性能等,需要记录请求的时长,通过修改nginx的日志格式可以做到,如 添加一个新的log_format log_format timed_combined '$remote_addr - $remote_user [$time_local] "...

swingcoder
今天
2
0
Spring MVC之RequestMappingHandlerMapping匹配

对于RequestMappingHandlerMapping,使用Spring的同学基本都不会陌生,该类的作用有两个: 通过request查找对应的HandlerMethod,即当前request具体是由Controller中的哪个方法进行处理; 查...

爱宝贝丶
今天
2
0
Java Web--增删改查之二界面后台java代码(转载参考)

/** *  *//** * @author Administrator * */package dao; import java.sql.*;public class DBConn {/** * 链接数据库 * @return */  ...

小橙子的曼曼
今天
4
0
Redis源码阅读笔记-对象及其类型和编码

总结之《Redis设计与实现》 对象 Redis中是使用对象来便是数据库中的键和值。 结构 // server.h...#define LRU_BITS 24...typedef struct redisObject { unsigned type:4; ...

Jian_Ming
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部