JS弹出新窗口被拦截的解决方法
更新时间：2016年08月09日 16:59:53 投稿：mrr
使用js使用新窗口打开页面的时候，经常遇到被浏览器拦截的情况，怎么解决呢？下面小编通过两种情况分析并分别附有解决办法，对js弹出新窗口被拦截感兴趣的朋友一起学习吧
在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弹出新窗口被拦截的解决方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
ECharts是一个使用JavaScript实现的开源可视化库,涵盖各行业图表,满足各种需求,下面这篇文章主要给大家介绍了如何从零开始画echarts地图的相关资料,需要的朋友可以参考下2022-04-04
本篇文章主要是对使用js判断控件是否获得焦点的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
next.js之getStaticProps getStaticPaths使用技巧解析
这篇文章主要为大家介绍了next.js之getStaticProps getStaticPaths使用技巧解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
地图在我们日常的数据可视化分析中是很常见的一种展示手段,不仅美观而且很大气,这篇文章主要给大家介绍了关于echarts地图区域显示不同颜色的相关资料,需要的朋友可以参考下2023-10-10
本文主要介绍如何使用headjs来管理和异步加载js，提高页面的加载速度，需要的朋友可以参考下2016-11-11
javascript parseInt() 函数的进制转换注意细节
parseInt(string, radix) 有2个参数，第一个string 是传入的数值，第二个radix是 传入数值的进制，参数radix 可以忽略，默认为 10，各种进制的数转换为 十进制整数,接下来详细介绍，感兴趣的朋友可以了解下哦2013-01-01
这篇文章主要为大家详细介绍了JS使用单链表统计英语单词出现次数的相关资料，列出所有单词及其出现次数，感兴趣的小伙伴们可以参考一下2016-06-06
浅析JavaScript中break、continue和return的区别
这篇文章主要介绍了JavaScript中break、continue和return的区别,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
下面小编就为大家带来一篇js方法数据验证的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
在 Vue 3 中使用 Element Plus 的 <el-menu> 组件时,默认情况下菜单项是关闭状态的,如果你想让某个菜单项默认处于展开状态,你可以通过设置菜单项的 default-active 属性来实现,这篇文章主要介绍了element-plus默认菜单打开,需要的朋友可以参考下2024-08-08
最新评论