模拟用户点击弹出新页面不会被浏览器拦截
更新时间：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强大的日期函数代码，有需要的朋友可以参考一下2013-09-09
这篇文章主要介绍了JavaScript定义函数的三种实现方法的相关资料,希望通过本文大家能够掌握三种定义函数的方法，需要的朋友可以参考下2017-09-09
通过设置cookie来保存树形菜单的状态，在页面加载时重新读取cookie来设置菜单2014-10-10
这篇文章主要为大家详细介绍了如何利用JavaScript制作一个简单的网页版加减计算器，文中的示例代码讲解详细，感兴趣的可以了解一下2022-05-05
这篇文章主要介绍了JavaScript实现点击文字切换登录窗口的方法,涉及javascript操作div层及相关样式的技巧,需要的朋友可以参考下2015-05-05
今天小编就为大家分享一篇layui select 禁止点击的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了js数组案例之五子棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要给大家介绍了关于setTimeout与setInterval区别的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
这篇文章主要为大家详细介绍了Bootstrap和Java分页实例第二篇，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
javascript来实现动画导航效果是通过定时器与鼠标事件响应相结合,动态修改页面元素属性实现的动画导航效果,需要的朋友可以参考一下2007-12-12
最新评论