解决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还能访问原窗口。 本段内容引自:http://hi.baidu.com/hy0kl/blog/item/486c01f31882e55c352acc1a.html ------------------------------------------------------------------------------ 我的代码: <%@ page language="java" pageEncoding="utf-8"%> <%@ include file="/summer/component/common/sys.jsp"%> <%@ include file="/summer/jsp/head/taglibs.jsp"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="<c:url value='/css/css.css'/>" rel="stylesheet" type="text/css" /> <title>密码确认</title> <script type="text/javascript"> function tijiao(){ // 提交 var password = document.getElementById("password").value; var map = new Map(); map.put('key', 'maintain.checkPassWord'); map.put('password', password); var query = new QueryObj(map, chakanHeTongjiCallback); query.send(); } function chakanHeTongjiCallback(query) { if(query.getDetail()=='false'){ alert('密码输入错误,请重试!'); return; } var type = document.getElementById("type").value; var cpbbh = document.getElementById("cpbbh").value; var plx = document.getElementById("plx").value; if(type=='1') { // 投票详情 toupiao(cpbbh,plx); }else if(type=='2') { //统计 var submitForm = document.getElementById("tongjiForm"); submitForm.submit(); window.close(); } } function toupiao(cpbbh,plx){ var map = new Map(); map.put('key', 'maintain.judge'); map.put('cpbbh', cpbbh); map.put('plx', plx); var query = new QueryObj(map, toupiaoCallback); query.send(); } function toupiaoCallback(query) { if(query.getDetail()=='false'){ alert('该测评表没有任何参与投票信息'); return; } var submitForm = document.getElementById("toupiaoxiangqingForm"); submitForm.submit(); window.close(); } </script> </head> <body> <center> <div> <div width="390"> </div> <div width="390">请输入您的密码:</div> <table> <tr><td><input type="password" id="password" name="userPasWord" /></td></tr> </table> </div> <br> <br> <div> <input name="submit" type="submit" οnclick="tijiao()" value="提交" class="anniu6" /> <input name="submit" type="button" οnclick="window.close();" value="关闭" class="anniu6" /> </div> <ui:hidden name="type" value="${type }"></ui:hidden> <ui:hidden name="cpbbh" value="${cpbbh }"></ui:hidden> <ui:hidden name="plx" value="${plx }"></ui:hidden> </center> <%-- 统计 --%> <form action="../mzcp/voteDetail.do?action=statisticsVoteDetail" id="tongjiForm" method="post" target="_blank"> <ui:hidden name="NCpbbh" value="${cpbbh }"></ui:hidden> <ui:hidden name="NPlx" value="${plx }"></ui:hidden> </form> <%--投票详情 --%> <form action="../mzcp/voteDetail.do?action=singleVoteDetail" id="toupiaoxiangqingForm" method="post" target="_blank"> <ui:hidden name="NCpbbh" value="${cpbbh }"></ui:hidden> <ui:hidden name="NPlx" value="${plx }"></ui:hidden> <ui:hidden name="index" value="0"></ui:hidden> </form> </body> </html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值