js 实现弹出新窗口，但是不被浏览器阻止

资料来源：网络整理时间：2023/2/14 0:04:14 共计：3639 浏览

js 实现弹出新窗口，但是不被浏览器阻止

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<form id="EmailForm" action="default.aspx" method="get" target="_blank">
<input id="emailid" name="1" type="hidden" value="123" />//隐藏域，用来放需要传递的参数
</form>

</body>
</html>

有时候希望可以用js另开新窗口，但用 window.open方法打开窗口总是被浏览器阻止，

可以用下面的方法打开新窗口而不会遭到拦截

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还能访问原窗口。

PS: 思维的巧妙转换,如同利用 iframe 进行本页无剧新提交数据.

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：用JS打开新窗口，防止被浏览器阻止的方法 | ·下一条：解决JS弹出新窗口被浏览器阻止的解决方案