对于长时间装载的ASP.NET页面,如何在客户端浏览器中显示进度？

最新推荐文章于 2025-08-20 15:51:36 发布

W_Andy

最新推荐文章于 2025-08-20 15:51:36 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： asp.net 浏览器 webform javascript generator output

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/W_Andy/article/details/1899671

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Threading;

namespace Exercise

{

/// <summary>

/// WebForm2 的摘要说明。

/// </summary>

public class WebForm2 : System.Web.UI.Page

{

private void Page_Load(object sender, System.EventArgs e)

{

// 对于长时间装载的ASP.NET页面如何在客户端浏览器中显示进度？

//对于加载时间比较长的ASP.NET页面，

//我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程：

if(!IsPostBack)

{

Response.Write("<div id='mydiv' >");

Response.Write("_");

Response.Write("</div>");

Response.Write("<script>mydiv.innerText = '';</script>");

Response.Write("<script language=javascript>;");

Response.Write("var dots = 0;var dotmax = 10;function ShowWait()");

Response.Write("{var output; output = '正在装载页面';dots++;if(dots>=dotmax)dots=1;");

Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText = output;}");

Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ");

Response.Write("window.setInterval('ShowWait()',1000);}");

Response.Write("function HideWait(){mydiv.style.visibility = 'hidden';");

Response.Write("window.clearInterval();}");

Response.Write("StartShowWait();</script>");

Response.Flush();

for(long i=0;i<99999999999;i++) i=i++;

//or Thread.Sleep(10000);

}

}

Web 窗体设计器生成的代码

}

}

<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="Exercise.WebForm2" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>WebForm2</title>

<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">

<meta name="CODE_LANGUAGE" Content="C#">

<meta name="vs_defaultClientScript" content="JavaScript">

<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

<script language="javascript">

HideWait();

</script>

</HEAD>

<body MS_POSITIONING="GridLayout">

<form id="Form1" method="post" runat="server">

 

</form>

</body>

</HTML>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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