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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
分享一则JavaScript滚动条插件源码
Mar 03 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
最简单的tab切换实例代码
May 13 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
Jan 03 Javascript
简单实现js点击展开二级菜单功能
May 16 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
vue-router传递参数的几种方式实例详解
Nov 13 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 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图片上传类带图片显示
2006/11/25 PHP
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
使用PHP如何实现高效安全的ftp服务器(二)
2015/12/30 PHP
详解yii2实现分库分表的方案与思路
2017/02/03 PHP
PHP二维数组分页2种实现方法解析
2020/07/09 PHP
jquery div 居中技巧应用介绍
2012/11/24 Javascript
JavaScript实现简单的二级导航菜单实例
2015/04/15 Javascript
Javascript编程中几种继承方式比较分析
2015/11/28 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
ES6新特性之Object的变化分析
2017/03/31 Javascript
vue拦截器Vue.http.interceptors.push使用详解
2017/04/22 Javascript
ES6中的rest参数与扩展运算符详解
2017/07/18 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
使用python编写脚本获取手机当前应用apk的信息
2014/07/21 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
澳大利亚人信任的清洁平台,您的私人管家:Jarvis
2020/12/25 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
销售辞职报告范文
2014/01/12 职场文书
新浪微博实习心得体会
2014/01/27 职场文书
课堂教学改革实施方案
2014/03/17 职场文书
博士生导师推荐信
2014/07/08 职场文书
作文评语怎么写
2014/12/25 职场文书
个人年终总结开头
2015/03/06 职场文书
超级礼物观后感
2015/06/15 职场文书
网吧温馨提示
2015/07/17 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
听课评课活动心得体会
2016/01/15 职场文书
《火烧云》教学反思
2016/02/23 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
python用海龟绘图写贪吃蛇游戏
2021/06/18 Python