页面跳转之前显示等待 wating ------

最新推荐文章于 2023-09-25 16:27:20 发布

ijwsoft

最新推荐文章于 2023-09-25 16:27:20 发布

阅读量5.4k

点赞数

分类专栏： JS/CSS/Juqery等文章标签： function div html 百度

本文链接：https://blog.csdn.net/keenweiwei/article/details/7245465

版权

JS/CSS/Juqery等专栏收录该内容

13 篇文章 0 订阅

订阅专栏

功能：从A页跳到B页，在B页显示之前显示等待

step1, A页 JS （其中progress_loading.gif为等待的图片）

<script type="text/javascript">
  var __waitHTML = '<div style="padding: 20px;"><img src="Images/progress_loading.gif" /><span style="font-weight: bold;padding-left: 10px; color: #FF66CC;">请稍后......</span></div>';

                            function goToBaiduSample() {
                                $('#showProgress').html(__waitHTML);
                                window.location.href = "Pages/201202/frmBaidu_sample.aspx";
                                return false;
                            }
</script>

step2, A页 HTML

在 </body>标签之前加一个 <div id="showProgress" />