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中for-in遍历方式示例介绍
Feb 11 Javascript
js通过iframe加载外部网页的实现代码
Apr 05 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
BootStrap便签页的简单应用
Jan 06 Javascript
原生js实现可拖动的登录框效果
Jan 21 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
vue操作动画的记录animate.css实例代码
Apr 26 Javascript
Vue formData实现图片上传
Aug 20 Javascript
vue-router 中 meta的用法详解
Nov 01 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 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/18 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
PHP实现Snowflake生成分布式唯一ID的方法示例
2020/08/30 PHP
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
JS简单实现登陆验证附效果图
2013/11/19 Javascript
在windows上用nodejs搭建静态文件服务器的简单方法
2016/08/11 NodeJs
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
vue使用中的内存泄漏【推荐】
2018/07/10 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
2019/10/23 jQuery
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
详解Canvas事件绑定
2018/06/27 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
优秀班集体获奖感言
2014/02/03 职场文书
高中军训感言400字
2014/02/24 职场文书
物控部经理职务说明书
2014/02/25 职场文书
2015年公务员工作总结
2015/04/24 职场文书
地心历险记观后感
2015/06/15 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP
SpringBoot生成License的实现示例
2021/06/16 Java/Android