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>