在网上找了好久，找到了一个不是假的等待页面（注明转载），他使用一个隐藏的
iframe，预先加载在iframe里面，也就放入了缓存里面。使用户有更好的体验。
<html>
<head>
<title></title>
<script type="text/javascript">
var url = http://blog.donews.com/limodou/archive/2005/06/21/439285.aspx';
</script>
<style>
.loading-indicator {
font-size:8pt;
background-image:url(../images/loading/loading.gif);
background-repeat: no-repeat;
background-position:top left;
padding-left:20px;
height:18px;
text-align:left;
}
#loading{
position:absolute;
left:45%;
top:40%;
border:3px solid #B2D0F7;
background:white url(../images/loading/block-bg.gif) repeat-x;
padding:10px;
font:bold 14px verdana,tahoma,helvetica;
color:#003366;
width:180px;
text-align:center;
}
</style>
<div id="loading">
<div class="loading-indicator">
页面正在加载中...
</div>
</div>
</head>
<body onload="location.href = url;" style="overflow:hidden;overflow-y:hidden">
</body>
<script>
if(document.layers) {
document.write('<Layer src="' + url + '" visibility="hide"></Layer>');
}
else if(document.all || document.getElementById) {
document.write('<iframe src="' + url + '" style="visibility:hidden;"></iframe>');
}
else {
location.href = url;
}
</script>
</html>
如果大家有更好的方法，欢迎不吝赐教！
- 描述: loading.gif
- 大小: 771 Bytes
- 描述: block-bg.gif
- 大小: 834 Bytes
分享到：
相关推荐
在网页加载过程中，用户可能会遇到长时间等待的情况，此时为了提供更好的用户体验，我们可以使用JavaScript来实现页面加载等待效果。这种效果通常被称为“加载指示器”或“进度条”，它可以让用户知道页面正在加载，...
本资源“javascript经典特效---打开页面的等待（一）.rar”着重介绍了如何利用JavaScript来实现一种常见的用户体验优化——页面加载时的等待效果。 在用户打开一个网页时，如果页面内容加载时间较长，可能会让用户...
在“JAVASCRIPT页面效果实例”中，我们可以深入探讨如何使用JavaScript来增强用户体验并创建引人入胜的网页效果。下面将详细介绍几个关键的JavaScript页面效果及其实现方法。 1. **页面加载动画** 当用户访问网站...
"Ajax 实现等待页面"就是一种提升用户体验的技巧，它允许用户在后台加载数据的同时展示一个友好的等待界面，避免用户因长时间无响应而感到困扰。本文将详细讲解如何利用Ajax技术来实现这样的功能，并探讨相关的核心...
本篇文章将深入探讨如何利用JavaScript技术实现页面载入等待代码，以及相关的知识点。 首先，理解页面生命周期是关键。在Web开发中，页面有以下几个关键阶段：DOMContentLoaded（文档对象模型已加载）、load（所有...
在JavaScript编程领域中，"打开页面的等待"通常是指一种用户体验优化策略，即在网页加载过程中展示一个加载动画或提示，以告知用户页面正在加载，提高用户体验。这种效果在资源密集型或者大型网页中尤为常见，因为...
页面载入等待特效通常是通过JavaScript来实现的。JavaScript是一种广泛应用于网页开发的脚本语言，可以用来添加交互性，控制浏览器行为，以及处理数据等任务。在页面载入等待特效中，主要涉及到以下技术点： 1. **...
"刷新等待"这个主题通常涉及到JavaScript在页面刷新时为用户提供反馈或等待提示的功能。这种技术对于优化用户体验，特别是在执行耗时操作或数据加载时，能够避免用户因误操作而反复刷新页面。 在"刷新等待.htm"这个...
总的来说，"web页面加载等待页面"是网页设计中提升用户体验的一种策略，通过JavaScript和CSS的结合，可以创建出各种吸引人的加载效果，使得用户在等待过程中不会感到无聊或沮丧。同时，理解并掌握如何创建和优化这样...
JavaScript是一种在客户端运行的脚本语言，它可以实时检查用户填写的表单数据，提供即时反馈，而无需等待服务器的响应。在这个注册页面中，JavaScript验证可能包括以下几点： 1. **非空验证**：首先，JavaScript会...
在"js等待提示"中，JavaScript扮演了关键角色，它可以监听页面上的特定事件，如表单提交，当这些事件触发时，显示等待提示，待处理完成后隐藏提示。 首先，我们需要创建一个可视化的等待提示元素，这通常是一个包含...
"jQuery 实现的等待加载页面"就是一种为了优化用户交互而设计的技术方案。jQuery，一个强大的JavaScript库，简化了DOM操作、事件处理和动画效果，使得创建这种功能变得更加简单。 首先，我们来看`jquery....
### JavaScript刷新页面的方法 在Web开发中，有时候我们需要利用JavaScript来实现页面的自动刷新或跳转功能。本文将详细介绍几种常见的使用JavaScript刷新页面的方法，并解释它们的工作原理。 #### 1. 使用`...
本教程将带你深入了解如何使用JavaScript进行前台页面的完全验证，这对于任何初学者来说都是一个重要的学习步骤。 JavaScript验证通常指的是在用户提交表单之前，通过JavaScript对用户输入的数据进行检查，确保它们...
在本项目中，"演示页面"展示了如何在实际应用中使用这些特效，"调用页面"则提供了具体的JavaScript代码示例，说明如何在你的网站上集成这个等待特效。而"效果页"则是这些功能的实际展示，你可以在这里看到等待特效是...
通过巧妙地使用JavaScript和CSS，我们可以创建出各种吸引人的文字动画，使用户在等待页面完全加载时不会感到厌烦。实际操作中，可以根据项目需求选择合适的效果，并确保它们在不同设备和浏览器上都能良好运行。"说明...
### JavaScript 页面跳转方法详解 #### 一、概述 JavaScript 是一种广泛应用于网页开发中的脚本语言，可以实现丰富的交互效果。其中，页面跳转是前端开发中非常基础且重要的功能之一。根据提供的文件信息，我们...
页面等待效果的实现方式多种多样，可以从简单的HTML/CSS实现到更复杂的JavaScript动画。以下是一些关键的技术点： 1. **CSS动画**：使用CSS3的`@keyframes`规则可以创建动画效果。通过定义动画的开始和结束状态，...
综上所述，实现"js加载页面等待效果"需要结合JavaScript的事件监听、DOM操作、CSS动画、异步加载策略等多个方面知识，同时注重性能优化和用户体验设计，以确保用户在等待页面完全加载的过程中获得积极的视觉反馈。...
在JavaScript编程中，"打开页面的等待（二）"通常是指一种用户体验优化技术，它用于在用户打开网页时提供一种视觉反馈，表明页面正在加载，这样用户就不会因为长时间的空白屏幕而感到困惑或不耐烦。这种效果通常被...