如何编写弹出窗口不被IE阻止的程序

本文介绍了解决Internet Explorer浏览器自动阻止网页弹出窗口的方法。通过使用Ajax技术进行服务器通信,并利用JavaScript处理客户端事件,避免因页面刷新而导致的弹窗被阻止的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 
1、 在web编程过程中,经常会遇到一些页面需要弹出窗口,但是在服务器端用window.open弹出的窗口会被IE阻止掉,showModalDialog弹出的窗口有时并不能满足我们需要,我们需要弹出新的浏览器窗口。
2、 为什么我们编写的弹出窗口会被IE阻止呢,原来IE会自动判断弹出窗口的状态,它会阻止自动弹出的窗口,而通过我们用鼠标点击弹出的窗口,它是不会阻止的。这里就有一个问题,有人说:我的程序是写在服务器按钮里的,也是通过鼠标点击弹出的呀!其实只有在加载页面后,我们点击到弹出这段时间页面没有被重新加载的情况下,弹出的窗口才不会被阻止!这也就是说,写在服务器控件的回传事件里的window.open都会被阻止。
3、 问题搞清楚了事情也就好办了,我们可以用ajax来与服务器端通信,在客户端用javascript来编写事件处理程序,这样在客户端的就不会因为回传事件而重新加载页面,这样弹出窗口就不会被阻止了!
 
举个例子:
default.aspx
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>无标题页</title>
</head>
<script language ="javascript"  >

    
function getAjaxXml()
    
{
        
var xml = new ActiveXObject("Microsoft.XMLHTTP");
        
var str="flag=888";
        xml.open(
"GET","showxml.aspx?"+str,false); 
        xml.send();
        
return xml.responseText;
    }

    
    
function imgclick()
    
{
        
var value=getAjaxXml();
        window.open (
"http://www.a8.com/?xml="+value );
    }


</script>
<body>
    
<form id="form1" runat="server">
    
<div>
    
<img src = "http://img.a8.com/em/mlblog02.gif" style =" cursor :hand" onclick ="imgclick()" />
    
</div>

    
</form>
</body>
</html>

 

showxml.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

namespace webtest
{
    
public partial class showxml : System.Web.UI.Page
    
{
        
protected void Page_Load(object sender, EventArgs e)
        
{
            Response.Write(
"xml"+Request ["flag"]);
        }

    }

}

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值