为了增加用户体验让出错页面跳转回首页
2010-05-19 16:30
387 查看
我的站点上线一个半月后我对它进行了排查,可能是数据没有处理好的问题,有些汽配厂商的介绍页面打开会报错,为了增加用户体验,我原来是将出错的都跳转到一个独立的出错页面。这几天发现,这个出错页面居然在百度的搜索引擎上排到了我首页的前面,这个太夸张了。
为了让用户体验更好点,我决定将设定出错页面4秒后自动跳转回汽配商务网www.qpbay.com/首页。
实现比较简单,而且也实现了倒计时功能。
在出错页面的前台页面head加上下面这段JS:
<script language="javascript" type="text/javascript">
var i = 4;
var intervalid;
intervalid = setInterval("fun()", 1000);
function fun() {
if (i == 0) {
window.location.href ="汽配商务网首页";
clearInterval(intervalid);
}
document.getElementById("jump").innerHTML = i;
i--;
}
</script>
然后再页面中间加上:
<p>出错页面会在 <span id="jump">5</span> 秒后返回汽配商务网首页!</p>
这样一段小JS,可是会帮上大忙。
为了让用户体验更好点,我决定将设定出错页面4秒后自动跳转回汽配商务网www.qpbay.com/首页。
实现比较简单,而且也实现了倒计时功能。
在出错页面的前台页面head加上下面这段JS:
<script language="javascript" type="text/javascript">
var i = 4;
var intervalid;
intervalid = setInterval("fun()", 1000);
function fun() {
if (i == 0) {
window.location.href ="汽配商务网首页";
clearInterval(intervalid);
}
document.getElementById("jump").innerHTML = i;
i--;
}
</script>
然后再页面中间加上:
<p>出错页面会在 <span id="jump">5</span> 秒后返回汽配商务网首页!</p>
这样一段小JS,可是会帮上大忙。
相关文章推荐
- 给程序增加一个加载页面,提高用户体验
- 完好用户体验: 活用window.location与window.open解决页面跳转问题
- 为了增加用户体验,button点击与不点击显示不同的图片
- 创建并部署一个Servlet,要求在实现用户登录功能,当用户名和密码正确时跳转到欢迎页面,否则提示出错信息
- 在提交订单时,为了让用户体验更好,一般改成正在提交,后面加三个点,为了让页面更生动,可以把点点改成动态
- barba.js 优化页面跳转用户体验
- 新版易趣自作聪明 用户体验极其糟糕――兼谈网站页面的弹出与跳转
- 当用户出错的时候提醒用户并跳转当前页面
- 一切为了用户体验:揭秘京东首页改版背后的故事
- 完善用户体验: 活用window.location与window.open解决页面跳转问题
- 帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js
- 利用用户控件实现无刷新的页面跳转
- 为了用户体验 产品设计人员常犯的九个错误
- 改变EditText光标宽度、颜色、高度增加用户体验
- 使用JQuery.js插件产生的页面分享带来的不跳转到首页
- img图片增加用户体验
- [转]一个页面重构工程师眼中的“用户体验”
- [心得] phoneGap,doctor总结。重点是如何让页面自动跳转到settings bundle中用户设置的网址
- windows phone 7 用户控件页面跳转
- PHP用户登录后跳转回上一访问页面的实现思路及代码