如何为复杂页面实现过渡页面 [数据加载中]【陈希章】
2010-10-12 17:26
609 查看
来自:/article/4660591.html【陈希章】
在我们的网站中,有些复杂页面的加载时间可能比较长,如果让用户一直看着一个空白页面等待页面最后展现,那么可能用户会不耐烦。好吧,为了降低用户的焦虑感,我们一般会做一个过渡性的页面,提示用户说“页面正在加载”,并配套一个动画。
下面就是这个页面的最简单做法
loading.aspx
===========================
<html>
<head>
</head>
<body>
<div style="text-align:center">
<img src="images/indicator_medium.gif" /><br />
正在加载,请稍候
</div>
<script type="text/javascript">
location.href = "mypage.aspx" + location.search;
</script>
</body>
</html>
============================
注:这个方法:等页面mypage.aspx加载完毕(pageload等)全都输出到客户端后才会显示mypage.aspx页面
location.search是从当前URL的?号开始的字符串
如:http://www.baidu.com/s?wd=baidu&cl=3
它的search就是?wd=baidu&cl=3
在我们的网站中,有些复杂页面的加载时间可能比较长,如果让用户一直看着一个空白页面等待页面最后展现,那么可能用户会不耐烦。好吧,为了降低用户的焦虑感,我们一般会做一个过渡性的页面,提示用户说“页面正在加载”,并配套一个动画。
下面就是这个页面的最简单做法
loading.aspx
===========================
<html>
<head>
</head>
<body>
<div style="text-align:center">
<img src="images/indicator_medium.gif" /><br />
正在加载,请稍候
</div>
<script type="text/javascript">
location.href = "mypage.aspx" + location.search;
</script>
</body>
</html>
============================
注:这个方法:等页面mypage.aspx加载完毕(pageload等)全都输出到客户端后才会显示mypage.aspx页面
location.search是从当前URL的?号开始的字符串
如:http://www.baidu.com/s?wd=baidu&cl=3
它的search就是?wd=baidu&cl=3
相关文章推荐
- 如何为复杂页面实现过渡页面
- 【Android开发技巧】在Activity页面中如何实现Fragment数据的缓加载
- 如何为复杂页面实现过渡页面
- 如何为复杂页面实现过渡页面
- jqGrid如何设置jqGrid第一次初始化时不加载任何数据?实现方法!
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- zTree实现打开页面时异步加载数据及选中项ID提交到后台
- 如何实现滑动加载更多数据?
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 如何在App中实现朋友圈功能之八页面加载功能的逻辑与实现——箭扣科技Arrownock
- 如何让ajax技术显示数据的jsp页面第一次加载就加载默认查询数据
- 滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨
- winForm中如何实现Webbrowser控件加载html页面?
- Asp.Net 开发之(1) ---如何自动加载数据到页面或更新数据到数据容器中(基础控件)
- 如何抽取一个通用的Android Loading页面快速实现加载功能
- js加载Json数组实现ajax加载动态页面数据
- android快速开发框架--快速实现 页面 加载中 加载失败 无数据等状态以及下拉刷新和自动加载
- 如何在网络中加载TabelView的数据(手动实现)?
- JSP如何做"正在加载数据,请稍等..."这样的提示页面 loding。。。
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据