在ASP.NET中顯示進度條

2024-07-10 12:57:17

字體：大中小

供稿：網(wǎng)友

對于加載時間比較長的asp.net頁面，我們可以在客戶端瀏覽器中顯示進度條來顯示頁面正在裝載。下面就是具體的實現(xiàn)過程：

新建項目，名字為webportal，在項目類型中選擇visual c#項目或者visual basic項目都可；
在模板類型中選擇asp.net web應(yīng)用程序；
位置里輸入：http://localhost/webportal；
添加新項：名字為showprogress的web窗體。
在您的web窗體showprogress.aspx上添加任何其他的web服務(wù)器控件。
在showprogress.aspx上單擊右鍵，點“查看代碼”，在最上面輸入：
visual c# .net代碼
using system.threading;

visual basic .net代碼
imports system.threading

在page_load事件里輸入： visual c# .net代碼
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();
thread.sleep(10000);

visual basic .net代碼
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()
thread.sleep(10000)

在showprogress.aspx窗體的html的中輸入：
<script>
hidewait();
</script>

點在瀏覽器中查看即可。

上一篇：ASP.NET 的親密朋友之--&#106ava&#115;cript

下一篇：在ASP.NET中實現(xiàn)MVC模式(一)