JS弹出新窗口被拦截的解决方法


Posted in Javascript onAugust 09, 2016

在Web编程中,使用JS在新窗口打开页面的时候,会遇到被浏览器拦截的情况,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?

一、问题一

一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体

1、解决方法

把window.open()函数改为由用户主动点击时触发,在超链接里加入onclick事件,这样浏览器就认为是用户想访问这个页面,而不是直接弹出给用户

2、例如:

<a href="javascript:void(0)" onclick="window.open()"></a>

这样用户点击这个超链接,浏览器会认为它是打开一个新的链接,所以就不会拦截。

二、问题二

使用ajax处理数据,当点击获取数据后,再跳转到新页面,这时就会被浏览器拦截

1、解决方法

先用window.open打开一个窗口,然后修改该窗口地址

2、例如

var tempwindow=window.open();
tempwindow.location='/jump/new';

以上所述是小编给大家介绍的JS弹出新窗口被拦截的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
prototype.js的Ajax对象
Sep 23 Javascript
一句话JavaScript表单验证代码
Aug 02 Javascript
javascript 清空form表单中某种元素的值
Dec 26 Javascript
js自动闭合html标签(自动补全html标记)
Oct 04 Javascript
对frameset、frame、iframe的js操作示例代码
Aug 16 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
Aug 25 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
Oct 20 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
webpack配置文件和常用配置项介绍
Apr 28 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
Mar 19 Javascript
原生js实现轮播图特效
May 04 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 #Javascript
JS获取一个未知DIV高度的方法
Aug 09 #Javascript
Bootstrap实现带动画过渡的弹出框
Aug 09 #Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 #Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 #Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 #Javascript
jQuery实现产品对比功能附源码下载
Aug 09 #Javascript
You might like
很让人受教的 提高php代码质量36计
2012/09/05 PHP
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
自定义vue组件发布到npm的方法
2018/05/09 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
vscode调试node.js的实现方法
2020/03/22 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
python 定时器,轮询定时器的实例
2019/02/20 Python
python提取xml里面的链接源码详解
2019/10/15 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
python中的逆序遍历实例
2019/12/25 Python
Python urlopen()和urlretrieve()用法解析
2020/01/07 Python
关于tensorflow softmax函数用法解析
2020/06/30 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
CSS3 渐变(Gradients)之CSS3 线性渐变
2016/07/08 HTML / CSS
.NET概念性的面试题
2012/02/29 面试题
教师自荐信范文
2013/12/09 职场文书
设计师个人求职信范文
2014/02/02 职场文书
信用卡工资证明格式
2014/09/13 职场文书
2014年护士长工作总结
2014/11/11 职场文书
安全检查汇报材料
2014/12/26 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
稽核岗位职责范本
2015/04/13 职场文书
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript