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 相关文章推荐
json简单介绍
Jun 10 Javascript
javascript新手语法小结
Jun 15 Javascript
js获取IFRAME当前的URL的方法
Nov 13 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
深入理解Javascript中this的作用域
Aug 12 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
jquery密码强度校验
Dec 02 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
使用vue3重构拼图游戏的实现示例
Jan 25 Vue.js
一个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
第七节 类的静态成员 [7]
2006/10/09 PHP
PHP网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
php写的简易聊天室代码
2011/06/04 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
2011/11/19 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
jQuery中attr()方法用法实例
2015/01/05 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
2015/11/04 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
2017/09/03 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
Python中使用socket发送HTTP请求数据接收不完整问题解决方法
2015/02/04 Python
django上传图片并生成缩略图方法示例
2017/12/11 Python
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
Python中使用gflags实例及原理解析
2019/12/13 Python
python给图像加上mask,并提取mask区域实例
2020/01/19 Python
Python Numpy 控制台完全输出ndarray的实现
2020/02/19 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
分享unittest单元测试框架中几种常用的用例加载方法
2020/12/02 Python
会计系个人求职信范文分享
2013/12/20 职场文书
英语专业学生个人求职信范文
2014/01/06 职场文书
小学英语教学反思
2014/01/30 职场文书
英语故事演讲稿
2014/04/29 职场文书
大学生求职计划书
2014/04/30 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
大学生干部培训心得体会
2016/01/06 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书