展会信息港展会大全

模拟用户点击弹出新页面不会被浏览器拦截 防止拦截的弹窗js代码
来源:互联网   发布日期:2016-01-26 10:57:45   浏览:1782次  

导读:window open被浏览器拦截导致页面无法弹出,a标签的弹出就不会被浏览器拦截,下面有个不错的示例,大家可以学习下相信用过window open的小伙伴们都遇到过被浏览器拦截导致页面无法弹出的情况;我们换下思路,什么 ...

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,这下页面的弹出就畅通无阻了。

赞助本站

人工智能实验室

相关热词: 弹窗 js

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港