功能:5秒后,自动跳转到同目录下的02view.html文件
1)html的实现

< head >
< meta  http-equiv ="refresh"  content ="5;url=02view.html" >
</ head >

优点:简单
缺点:Struts Tiles中无法使用

2)javascript的实现

< script  language ="javascript"  type ="text/javascript" >
   setTimeout("javascript:location.href='02view.html'", 5000); 
</ script >

优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响

3)结合了倒数的javascript实现(IE)

< span  id ="totalSecond" > 5 </ span >

< script  language ="javascript"  type ="text/javascript" >
var  second  =  totalSecond.innerText;
setInterval( " redirect() " ,  1000 );
function  redirect(){ 
totalSecond.innerText =-- second; 
if (second < 0 ) location.href = '02view.html';
}
</ script >

优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)

3')结合了倒数的javascript实现(firefox)

< script  language ="javascript"  type ="text/javascript" >
     var  second  =  document.getElementById('totalSecond').textContent;
    setInterval( " redirect() " ,  1000 );
     function  redirect()
    {
        document.getElementById('totalSecond').textContent  =   -- second;
         if  (second  <   0 ) location.href  =  '02view.html';
    }
</ script >

4)解决Firefox不支持innerText的问题

< span  id ="totalSecond" > 5 </ span >

< script  language ="javascript"  type ="text/javascript" >
if (navigator.appName.indexOf( " Explorer " )  >   - 1 ){
    document.getElementById('totalSecond').innerText  =   " my text innerText " ;
}  else {
    document.getElementById('totalSecond').textContent  =   " my text textContent " ;
}
</ script >

5)整合3)和3')

< span  id ="totalSecond" > 5 </ span >

< script  language ="javascript"  type ="text/javascript" >
     var  second  =  document.getElementById('totalSecond').textContent;

if  (navigator.appName.indexOf( " Explorer " )  >   - 1 )
    {
        second  =  document.getElementById('totalSecond').innerText;
    }  else
    {
        second  =  document.getElementById('totalSecond').textContent;
    }

setInterval( " redirect() " ,  1000 );
     function  redirect()
    {
         if  (second  <   0 )
        {
            location.href  =  '02view.html';
        }  else
        {
             if  (navigator.appName.indexOf( " Explorer " )  >   - 1 )
            {
                document.getElementById('totalSecond').innerText  =  second -- ;
            }  else
            {
                document.getElementById('totalSecond').textContent  =  second -- ;
            }
        }
    }
</ script >

转载于:https://www.cnblogs.com/jy1986/archive/2008/07/19/1246499.html

一些页面自动跳转的实现 转自a href=http://www.blogjava.net/Jcat/archive/2006/11/22/82831.html target=_blankh...相关推荐

  1. 页面自动跳转的几种实现方法

    很多时候我们需要Web页具备有自动跳转功能,例如,论坛中的用户登录.发帖及回复或留言簿中的留言和回复等操作成功后,若用户没有任何鼠标点击操作,过了一定的时间,页面自动跳转到预设的页面.本文讨论网页自动 ...

  2. 一些页面自动跳转的实现

    原文链接:http://www.blogjava.net/Jcat/archive/2006/11/22/82831.html 功能:5秒后,自动跳转到同目录下的02view.html文件 1)htm ...

  3. 页面自动刷新,页面自动跳转

    1.页面自动刷新:把如下代码加入<head>区域中 CODE: <meta http-equiv="refresh" content="20" ...

  4. 2021-06-28页面自动跳转

    页面自动跳转 1.1首先需要新建HTML文件. 2添加CSS样式. 3接下来创建显示内容,共用CSS样式. 4然后开始创建跳转链接. 5设置跳转时间.5.2秒 6跳转前页面如图所示. 7跳转到后.

  5. springboot2 配置404、403、500等错误页面自动跳转

    springboot2 配置404.403.500等错误页面自动跳转 创建配置类ErrorPageConfig import org.springframework.boot.web.server.E ...

  6. js实现页面自动跳转

    本文导读:自动转向,也叫自动重定向.自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术.转向的网页地址可以是网站内的其它网页,也可以是其它网站.通常情况下,浏览器会收到一个网页 ...

  7. 页面自动跳转实现方法

    自动转向,也叫自动重定向.自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术.转向的网页地址可以是网站内的其它网页,也可以是其它网站.通常情况下,浏览器会收到一个网页,该页面含 ...

  8. 页面自动跳转php,网站页面自动跳转实现方法PHP、JSP等

    网站页面自动跳转实现方法PHP.JSP等 自动转向,也叫自动重定向.自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术.转向的网页地址可以是网站内的其它网页,也可以是其它网站. ...

  9. html自动跳转源码,两款404页面自动跳转源码html

    资源名称:两款404页面自动跳转源码html  资源大小:200k 第一款:一款卡通的404页面模板,5秒自动跳转首页代码! 第二款:简约404页面源码 这两款404页面中都添加了5秒自动跳转到首页的 ...

最新文章

  1. IBM蓝色基因/Q将采用NAND闪存存储
  2. acegi,IBM的Acegi Security System(1)
  3. zeros--创建零矩阵
  4. Hibernate学习(二)
  5. 中国大学生计算机设计大赛云南,第14届中国大学生计算机设计大赛云南赛区决赛举行...
  6. config.class.php,The EventConfig class - PHP 7 中文文档
  7. 2021科技创新者大会:“武汉永远是一座造光之城”
  8. object转date类型_js-最常用的类型判断
  9. c++字符串数组去重的另类思路
  10. 下载任意范围的DEM数据 国产谷歌地球统统满足你
  11. LabVIEW开发结构监控系统
  12. 没有项目经验,如何书写漂亮的简历?
  13. spring原理面试题总结
  14. python 生成诸如A001 A002 ... A100这样的序列
  15. 给在读研究生的一封信
  16. 从零开始水安卓——APP内容共享
  17. 关于jmeter中编写shell脚本json的应用
  18. Windows10安装Photoshop CC2018(PS)软件时关闭电脑防火墙
  19. 黑鲨1 救黑砖 9008救砖
  20. 如何去掉字符串前面的中括号

热门文章

  1. mysql删除用户的两种方法
  2. BMS - 桥阻法测绝缘
  3. 分享2种PHP的源码加密方式,附代码
  4. SQL入门之第十一讲——OUTER JOIN 外连接
  5. 2021.05.15继承球体和圆柱体
  6. 笔记本电脑拆解时笔记本电脑的螺丝有了磁力怎么办?哪些注意事项?
  7. 计算机中如何美化表格,Excel 2016怎么美化表格_Excel 2016表格美化方法_一聚教程网...
  8. P4342 [IOI1998]Polygon —— 断链成环
  9. Java微信授权小程序获取用户手机号信息
  10. 字节跳动再战互联网+教育 , 大数据赋能精准教学有何趋势?