By -
陳 思敬
JS弹出新窗口被浏览器阻止的解决方案
在JS中通过open弹出窗口可能会被阻止,我尝试这段代码:
var flag = window.open(url,"",""); if(flag==null) { alert("您的浏览器启用弹出窗口过滤功能!\n\n请暂时先关闭此功能!"); }
上面这段代码仅仅是增加了一个提示,让用户更改浏览器设置。但实际上无任何作用。使用下面的解决方案后,在IE中测试,一般不会被阻止,即使被阻止,IE也会弹出让用户选择是否允许弹出窗口,所以说这种解决方案是行之有效的。
1. 新添加一个Form
<form id="EmailForm" action="目标页" method="get" target="_blank"> <input id="emailid" name="emailid" type="hidden" /><!--隐藏域,用来放需要传递的参数--> </form>
注意form的target属性要设置成_blank
2. 提交这个Form
function btnEditEmail_onclick() { document.getElementById("emailid").value=id;//初始隐藏域 document.getElementById("EmailForm").submit();//提交 }
这样,就会打开新窗口定向到目标页了,而且不会被阻止,同时用新窗口的“`window.opener“`还能访问原窗口。
同事写的实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>提交后浏览器拦截了么?</title> <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> </head> <body> <form id="openWinBlank" name="form1" method="post" action="http://sjw.pconline.com.cn/submitOrder.jsp" target="_blank"> <input type="button" id="openWin" value="去付款"/> </form> <script> $("#openWin").click(function(){ $("#openWinBlank").submit(); }); </script> </body> </html>