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 相关文章推荐
javascript forEach通用循环遍历方法
Oct 11 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
JavaScript打字小游戏代码
Dec 26 Javascript
Js与下拉列表处理问题解决
Feb 13 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
基于Bootstrap仿淘宝分页控件实现代码
Nov 07 Javascript
微信小程序 input输入框详解及简单实例
Jan 10 Javascript
JS检测是否可以访问公网服务器功能代码
Jun 19 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
webpack4 处理CSS的方法示例
Sep 03 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
vue 实现tab切换保持数据状态
Jul 21 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中长文章分页显示实现代码
2012/09/29 PHP
php读取csc文件并输出
2015/05/21 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
使用javascript提交form表单方法汇总
2015/06/25 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
VueJs组件之父子通讯的方式
2018/05/06 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
2020/12/04 Vue.js
python实现在sqlite动态创建表的方法
2015/05/08 Python
python的else子句使用指南
2016/02/27 Python
Python实现视频下载功能
2017/03/14 Python
Python之自动获取公网IP的实例讲解
2017/10/01 Python
python中csv文件的若干读写方法小结
2018/07/04 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
Python实现图片识别加翻译功能
2019/12/26 Python
Python用input输入列表的实例代码
2020/02/07 Python
详解python中的lambda与sorted函数
2020/09/04 Python
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
读书心得体会
2013/12/28 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
2015国庆66周年宣传语
2015/07/14 职场文书
军事理论课感想
2015/08/11 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python