提交出现个“请等待……”的页面

最新推荐文章于 2019-04-08 21:23:29 发布

转载最新推荐文章于 2019-04-08 21:23:29 发布 · 1.1k 阅读

文章标签：

博客介绍了页面提交时防止用户再次点击的处理方法。为界面友好，用层遮住按钮并显示提示信息，等服务器端处理完成后导航到本页。给出了相关的 HTML 代码和 pageload 里的代码，操作结束重定向后层会消失。

在提交的时候过程很长，为了防止用户再次点击而且为了界面友好可以用一个层遮住所有按钮再显示个提示信息，等服务器端处理完成再导航到本页（location.href='地址'）就可以：
<div id="doing" runat="server" style="Z-INDEX: 12000; LEFT: 0px; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; TOP: 300px; HEIGHT: 100%">
                <table width="100%" height="100%">
                    <tr align="center" valign="middle">
                        <td>
                            <table width="169" class="font3" height="62" bgcolor="#6699ff" style="FILTER: Alpha(Opacity=75); WIDTH: 169px; HEIGHT: 62px">
                                <tr align="center" valign="middle">
                                    <td>页面提交中,请等待<br/>
                                        Please wait
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
pageload里面这么写：this.Button1.Attributes.Add("onclick","document.getElementById('doing').style.visibility='visible';");
，等操作结束重定向了后页面重新加载一次，这个层也就消失了。。。