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 相关文章推荐
基于jquery打造的百分比动态色彩条插件
Sep 19 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
Dec 24 Javascript
浅谈js的setInterval事件
Dec 05 Javascript
简介JavaScript中substring()方法的使用
Jun 06 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
Sep 25 Javascript
javascript时间差插件分享
Jul 18 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 Javascript
JavaScript两个变量交换值的实现方法
Mar 01 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
Feb 26 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
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
用PHP将数据导入到Foxmail的实现代码
2010/09/05 PHP
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
PHP实现RSA签名生成订单功能【支付宝示例】
2017/06/06 PHP
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
实用的Jquery选项卡TAB示例代码
2013/08/28 Javascript
不提示直接关闭网页窗口的JS示例代码
2013/12/17 Javascript
JS的数组迭代方法
2015/02/05 Javascript
简介JavaScript中toTimeString()方法的使用
2015/06/12 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
python操作xml文件示例
2014/04/07 Python
深入理解Python 代码优化详解
2014/10/27 Python
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
Django实现组合搜索的方法示例
2018/01/23 Python
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
Python子类继承父类构造函数详解
2019/02/19 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
Python PyQt5整理介绍
2020/04/01 Python
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
美国顶级奢侈茶:Mighty Leaf Tea(美泰茶)
2016/11/26 全球购物
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
斯凯奇澳大利亚官网:SKECHERS澳大利亚
2018/03/31 全球购物
ProBikeKit德国:在线公路自行车专家
2018/06/03 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
精细化工应届生求职信
2013/11/17 职场文书
死亡赔偿协议书
2015/01/28 职场文书
《失物招领》教学反思
2016/02/20 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
Python 如何实现文件自动去重
2021/06/02 Python