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

从A页跳转到B页并显示加载动画

最新推荐文章于 2025-02-23 14:37:02 发布

原创最新推荐文章于 2025-02-23 14:37:02 发布 · 5.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #div #html #百度

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

13 篇文章

订阅专栏

本文介绍如何在A页面通过JavaScript实现跳转到B页面时，显示一个等待加载动画，提升用户体验。

功能：从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" />