应福建一同行网友问起,抽空做了这个示例页面,实现提交页面时出现正在初始化页面的小窗口。(在页面提交比较慢的页面中使用,可以避免用户应等待时间过长而不知页面是否正在提交,以至失去耐心)
<html>
<title>页面提交时出现等待窗口示例</title>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
//By Dicky 2005-2-17 11:16:49
function Window_Load(Flag)
{
if (Flag == 0)
{
document.all['Loading'].style.display = 'block';
//show the window
}
else
{
document.all['Loading'].style.display = 'none';
//hide the window
}
}
//-->
</SCRIPT>
</head>
<body leftMargin=0 topMargin=50 onload="Window_Load(1);">
<div id="Loading" style="position:absolute;z-index:3;top:200px;left:250px;width:250;height:60;border-width:1;border-style:ridge;background-color:green;padding-top:10px"><center><table border="0"><tr><td valign="middle"><img alt="页面提交时出现等待窗口示例" src=http://www.3pcode.com/article/article_117/cursor.gif border="0" WIDTH="30" HEIGHT="30"></td><td> </td><td valign="middle"><span id=txtLoading0 style="font-size:14px;">正在初始化页面,请稍候...</span><br><span id=txtLoading1 style="font-size:14px;">Loading,please wait...</span></td></tr></table></center></div>
<form name="form1" method="post" action="" onSubmit="Window_Load(0);">
<center>页面提交时出现等待窗口示例<input name=submit type=submit value='提交'>
</center>
</form>
</body>
</html>
文章来源于领测软件测试网 https://www.ltesting.net/
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备2023014753号-2
技术支持和业务联系:info@testage.com.cn 电话:010-51297073