辛夷坞

涧户寂无人,纷纷开且落

By - Christen

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>

Leave a Reply

Your email address will not be published.
*
*