页面加载中的提示框

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

本文链接： https://blog.csdn.net/baidu_41690072/article/details/87933775

 HTML内容

<div id="dataLoad" style="display:none"><!--页面载入显示-->
    <table width=100% height=100% border=0 align=center valign=middle>
        <tr>
            <td align=center>
                <img src="/XXXXX/loading.gif"/>                    
            </td>
        </tr>
        <tr>
            <td align=center>
                <h1>数据载入中，请稍后......</h1>
            </td>
        </tr>
</table>
</div>

<input type="button" onClick="query();" id="showLoadingDiv" value="查询">

 JS内容

<script type="text/javascript">
    $(document).ready(function() {
        $("#dataLoad").hide(); //页面加载完毕后即将DIV隐藏
        $("#showLoadingDiv").click(function(){$("#dataLoad").show();}); //为指定按钮添加数据加载动态显示：即将DIV显示出来
});
</script>