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 相关文章推荐
jQuery EasyUI API 中文文档 - Menu菜单
Oct 03 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
js判断一个字符串是否包含一个子串的方法
Jan 26 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
May 17 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
小程序ios音频播放没声音问题的解决
Jul 11 Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 Javascript
Vue+Spring Boot简单用户登录(附Demo)
Nov 12 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 var_dump遍历对象属性的函数与应用代码
2010/06/04 PHP
PHP 事件机制(2)
2011/03/23 PHP
PHP生成条形码大揭秘
2015/09/24 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
html中table数据排序的js代码
2011/08/09 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
2017/07/05 Javascript
原生JS实现 MUI导航栏透明渐变效果
2017/11/07 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
详解写好JS条件语句的5条守则
2019/02/28 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
2020/01/11 jQuery
[00:58]PWL开团时刻DAY5——十人开雾0换5
2020/11/04 DOTA
python创建列表并给列表赋初始值的方法
2015/07/28 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
Numpy数组的保存与读取方法
2018/04/04 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
python-pyinstaller、打包后获取路径的实例
2019/06/10 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
基于python代码批量处理图片resize
2020/06/04 Python
EJB3.1都有哪些改进
2012/11/17 面试题
元旦晚会邀请函
2014/02/01 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
投标承诺函格式
2015/01/21 职场文书
求职自荐信范文(优秀篇)
2015/03/27 职场文书
小学体育组工作总结
2015/08/13 职场文书
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers