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 相关文章推荐
JScript中的undefined和&quot;undefined&quot;的区别
Mar 08 Javascript
Javascript中Eval函数的使用说明
Oct 11 Javascript
js中function()使用方法
Dec 24 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
Dec 13 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
May 25 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
layer 刷新某个页面的实现方法
Sep 05 Javascript
vue实现将一个数组内的相同数据进行合并
Nov 07 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
php字符串截取函数用法分析
2014/11/25 PHP
[原创]图片分页查看
2006/08/28 Javascript
写给想学习Javascript的朋友一点学习经验小结
2010/11/23 Javascript
使用jquery实现div的tab切换实例代码
2013/05/27 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
js实现当前输入框高亮显示的方法
2015/08/19 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
2017/05/20 jQuery
Vue组件通信入门之Provide和Inject机制
2019/12/29 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
Python实现SVN的目录周期性备份实例
2015/07/17 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
详解python 爬取12306验证码
2019/05/10 Python
Python中Unittest框架的具体使用
2019/08/27 Python
python爬虫中多线程的使用详解
2019/09/23 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
python urllib和urllib3知识点总结
2021/02/08 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
简单介绍HTML5中的文件导入
2015/05/08 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
自考毕业自我鉴定范文
2013/10/27 职场文书
《独坐敬亭山》教学反思
2014/04/08 职场文书
公司担保书格式范文
2014/05/12 职场文书
迎新晚会策划方案
2014/06/13 职场文书
无犯罪记录证明范本
2014/09/15 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
2014年乡镇个人工作总结
2014/12/03 职场文书
2016年小学优秀班主任事迹材料
2016/02/29 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers