在页面加载完毕前显示等待提示

通常在显示大量内容的网页时，由于页面内容比较大下载速度慢，若能给用户有个等待提示那岂不是快哉。
在这里我分析一个案例，使用的javascript脚本在客户端显示等待提示。
首先介绍window.onload函数：
在整个页面文档在下载完成之后才触发该动作；在文档下载之前，该函数对象为空的。（本人理解）
下面我们看看代码，之前id='doing' 的层为显示状态，将遮盖了页面的整个区域，下载完成后触发隐藏id='doing' 的层的函数，如此就实现了等待提示。

<div id='doing' style='Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%'>
<table width='100%' height='100%' id="Table1">
<tr align='center' valign='middle'>
<td >
<table  id="Table2" class="loading">
    <tr>
        <td style="text-align: center">
            &nbsp;</td>
    </tr>
    <tr>
        <td style="text-align: center">
            &nbsp;</td>
    </tr>
    <tr>
        <td style="text-align: center">
            &nbsp;</td>
    </tr>
    <tr>
        <td style="text-align: center">
            &nbsp;</td>
    </tr>
    <tr>
        <td style="text-align: center">
            感谢您的使用</td>
    </tr>
    <tr>
    <td>
        <img src="Images/process.gif" /></td>
    </tr>
    <tr align='center' valign='middle'>
    <td>正在加载页面，请等待...</td>
    </tr>
</table>
</td>
</tr>
</table>
</div>
<script language="javascript">...
function ShowWaiting()
...{
document.getElementById('doing').style.visibility = 'visible';
}
function CloseWaiting()
...{
document.getElementById('doing').style.visibility = 'hidden';
}
function MyOnload()
...{
document.getElementById('doing').style.visibility = 'hidden';
}
if (window.onload == null)
...{
window.onload = MyOnload;
}
</script>