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


Posted in Javascript onOctober 30, 2014

本文实例讲述了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://3water.com');

    newTab.location.href="https://3water.com";

   }

  }

 })

})

其它方法:
<script type="text/javascript">

<!-- 

$( 

function()

{

//方法一

window.showModalDialog("https://3water.com/");

window.showModalDialog("https://3water.com/");

 
//方法二

var aa=window.open();

setTimeout(function(){

aa.location="https://3water.com";

}, 100);

 
var b=window.open();

setTimeout(function(){

b.location="https://3water.com";

}, 200);

 
var c=window.open();

setTimeout(function(){

c.location="https://3water.com";

}, 300);

 
var d=window.open();

setTimeout(function(){

d.location="https://3water.com";

}, 400);

 
var ee=window.open();

setTimeout(function(){

ee.location="https://3water.com";

}, 500);

 
var f=window.open();

setTimeout(function(){

f.location="https://3water.com";

}, 600);

 
var g=window.open();

setTimeout(function(){

g.location="https://3water.com";

}, 700);

 
var h=window.open();

setTimeout(function(){

h.location="https://3water.com";

}, 800);

 
var i=window.open();

setTimeout(function(){

i.location="https://3water.com";

}, 900);

 
var j=window.open();

setTimeout(function(){

j.location="https://3water.com";

}, 1000);

 
//方法三

var a = $("<a href='https://3water.com' target='_blank'>Apple</a>").get(0);

var e = document.createEvent('MouseEvents');

e.initEvent( 'click', true, true );

a.dispatchEvent(e);

 
var a = $("<a href='https://3water.com' target='_blank'>Apple</a>").get(0);

var e = document.createEvent('MouseEvents');

e.initEvent( 'click', true, true );

a.dispatchEvent(e);

}

 

);

//-->

</script>

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

Javascript 相关文章推荐
javascript 面向对象 function类
May 13 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
javascript实现复制与粘贴操作实例
Oct 16 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
JavaScript实现的简单烟花特效代码
Oct 20 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
Vue 指令实现按钮级别权限管理功能
Apr 23 Javascript
详解微信小程序动画Animation执行过程
Sep 23 Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 #Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 #Javascript
一个JavaScript操作元素定位元素的实例
Oct 29 #Javascript
js实现ArrayList功能附实例代码
Oct 29 #Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
Oct 29 #Javascript
js中的json对象详细介绍
Oct 29 #Javascript
鼠标悬浮显示二级菜单效果的jquery实现
Oct 29 #Javascript
You might like
php阻止页面后退的方法分享
2014/02/17 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
PHP检测用户语言的方法
2015/06/15 PHP
yii添删改查实例
2015/11/16 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
js实现ASP分页函数 HTML分页函数
2006/09/22 Javascript
让你的网站可编辑的实现js代码
2009/10/19 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
js禁止浏览器页面后退功能的实例(推荐)
2017/09/01 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
2018/01/30 Javascript
使用vue.js在页面内组件监听scroll事件的方法
2018/09/11 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
在layui tab控件中载入外部html页面的方法
2019/09/04 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
[49:05]Newbee vs TNC 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python 开发Activex组件方法
2009/11/08 Python
python pandas 对时间序列文件处理的实例
2018/06/22 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
Python数据正态性检验实现过程
2020/04/18 Python
浅析Python迭代器的高级用法
2020/07/16 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
函数只定义了一次, 调用了一次, 但编译器提示非法重定义了-什么问题?
2014/10/03 面试题
电教室标语
2014/06/20 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
廉政承诺书2015
2015/04/28 职场文书
放牛班的春天观后感
2015/06/01 职场文书
MySQL 慢查询日志深入理解
2021/04/22 MySQL
Vue h函数的使用详解
2022/02/18 Vue.js
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL