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 相关文章推荐
Mootools 1.2教程 排序类和方法简介
Sep 15 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
JavaScript中三种常见的排序方法
Feb 24 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
获取layer.open弹出层的返回值方法
Aug 20 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
Apr 25 Javascript
记录vue项目中遇到的一点小问题
May 14 Javascript
小程序实现横向滑动日历效果
Oct 21 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 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简单分页类实现方法
2015/02/26 PHP
Redis使用Eval多个键值自增的操作实例
2016/11/04 PHP
Thinkphp 框架基础之源码获取、环境要求与目录结构分析
2020/04/27 PHP
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
JavaScript实现向右伸出的多级网页菜单效果
2015/08/25 Javascript
jQuery验证插件validate使用详解
2016/05/11 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
jQuery实现可移动选项的左右下拉列表示例
2016/12/26 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
2017/03/23 Javascript
简单谈谈axios中的get,post方法
2017/06/25 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
javascript关于“时间”的一次探索
2019/07/24 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
python利用拉链法实现字典方法示例
2017/03/25 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
python调用webservice接口的实现
2019/07/12 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
维也纳通行证:Vienna PASS
2019/07/18 全球购物
Nip + Fab官网:英国美容品牌
2019/08/26 全球购物
大专生的学习自我评价
2013/12/04 职场文书
优秀求职自荐信怎样写
2013/12/18 职场文书
美德好少年主要事迹
2014/01/29 职场文书
公立医院改革实施方案
2014/03/14 职场文书
给校长的建议书200字
2014/05/16 职场文书
廉洁校园实施方案
2014/05/25 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript
python 爬取华为应用市场评论
2021/05/29 Python