模拟用户点击弹出新页面不会被浏览器拦截
更新时间：2014年04月08日 17:19:29 作者：
window.open被浏览器拦截导致页面无法弹出，a标签的弹出就不会被浏览器拦截，下面有个不错的示例，大家可以学习下
相信用过window.open的小伙伴们都遇到过被浏览器拦截导致页面无法弹出的情况；我们换下思路，什么情况下的新页面弹出才不会被浏览器拦截呢？比如<a />标签这种就不会；那么我们只要模拟下用户去主动点击这个<a />标签就不会有拦截的问题了。
先定义好HTML标签：
<a href="" id="alink" target="_blank" style="display: none"><span id="spanlink">test</span></a>
<input type="button" value="点我弹出新页面" onclick="targetClick()" />
然后在JS中给<a />标签赋值并触发点击事件：
function targetClick() {
$("#alink").attr("href", "http://www.163.com");
$("#spanlink").click();
return false;
}
OK，这下页面的弹出就畅通无阻了。
先定义好HTML标签：
复制代码 代码如下:
<a href="" id="alink" target="_blank" style="display: none"><span id="spanlink">test</span></a>
<input type="button" value="点我弹出新页面" onclick="targetClick()" />
然后在JS中给<a />标签赋值并触发点击事件：
复制代码 代码如下:
function targetClick() {
$("#alink").attr("href", "http://www.163.com");
$("#spanlink").click();
return false;
}
OK，这下页面的弹出就畅通无阻了。
相关文章
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Jasmine是一个Javascript的测试工具，在Karma上运行Jasmine可完成Javascript的自动化测试、生成覆盖率报告等。本文不包含Jasmine的使用细节，这几天我会写一篇Jasmine的入门文章，有兴趣的朋友到时候可以看一下2015-12-12
这篇文章主要介绍了JavaScript贪吃蛇的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要为大家介绍了JavaScript原型对象的this指向问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
下面小编就为大家带来一篇老生常谈原生JS执行环境与作用域。小编觉得挺不错的，希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-11-11
前端开发必配置 html5shiv.js和respond.min.js的作用说明(bootstrap做IE低版
这篇文章主要介绍了前端开发必配置 html5shiv.js和respond.min.js的作用说明,需要的朋友可以参考下2023-05-05
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
这篇文章主要介绍了再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿,需要的朋友可以参考下2020-12-12
javascript消除window.close()的提示窗口
有人问起，怎么去掉js调用window.close()时怎么去掉那可恶的提示，咋一看好像还真不好弄，IE的安全机制好像就不允许通过脚本关闭本页面，但是IE好像可以允许js关闭弹出窗口，那我们是不是可以通过一定的技巧欺骗一下IE，绕过去呢。鼓捣了几下，似乎还真可以做到2015-05-05
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
这篇文章主要为大家极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg，是一款基于jquery和bootstrap的可视化编辑器，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要为大家详细介绍了微信小程序实现炫酷的弹出式菜单特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
这篇文章主要介绍了微信小程序实现提交input信息到后台的方法,结合实例形式分析了微信小程序提交input信息到后台相关事件响应与数据处理操作技巧,需要的朋友可以参考下2019-01-01
最新评论