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 相关文章推荐
ExtJS 入门
Oct 29 Javascript
javascript 学习笔记(一)DOM基本操作
Apr 08 Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
JavaScript获取文本框内选中文本的方法
Feb 20 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
JS实现的Select三级下拉菜单代码
Aug 20 Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
May 03 Javascript
vue子路由跳转实现tab选项卡
Jul 24 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
Sep 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中ob_start()函数的用法
2013/06/24 PHP
PHP MVC框架skymvc支持多文件上传
2016/05/26 PHP
Yii2使用表单上传文件的实例代码
2017/08/03 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
lib.utf.js
2007/08/21 Javascript
一个简单的javascript类定义例子
2009/09/12 Javascript
Jquery中Ajax 缓存带来的影响的解决方法
2011/05/19 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
2018/06/01 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
2018/12/21 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
Python内置模块turtle绘图详解
2017/12/09 Python
python3读取csv和xlsx文件的实例
2018/06/22 Python
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
python 通过视频url获取视频的宽高方式
2019/12/10 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
GAP阿联酋官网:GAP UAE
2017/11/30 全球购物
岗位职责定义及内容
2013/11/08 职场文书
民政局副局长民主生活会个人整改措施
2014/10/04 职场文书
2015试用期转正工作总结
2014/12/12 职场文书
小学数学教师研修感悟
2015/11/18 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书
Python Pandas模块实现数据的统计分析的方法
2021/06/24 Python
html form表单基础入门案例讲解
2021/07/15 HTML / CSS