解决JS弹出新窗口被浏览器阻止的解决方案

最新推荐文章于 2024-08-12 14:19:07 发布

日出曙光

最新推荐文章于 2024-08-12 14:19:07 发布

阅读量2.2w

点赞数

分类专栏： Javascript

Javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文转载自：http://blog.csdn.net/cntanghai/article/details/6643522
在js中通过open弹出窗口可能会被阻止,我尝试这段代码:  
          var flag = window.open(url,"","");  
          if(flag==null) {  
             alert("您的浏览器启用弹出窗口过滤功能！\n\n请暂时先关闭此功能！") ;  
          }   
  
上面这段代码仅仅是增加了一个提示,让用户更改浏览器设置.但实际上无任何作用.使用下面的解决方案后,在IE中测试,一般不会被阻止,即使被阻止,ie也会弹出让用户选择是否<pre name="code" class="html">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>