一些页面自动跳转的实现

原文地址:http://www.blogjava.net/Jcat/archive/2006/11/22/82831.html

1、5秒后,自动跳转到同目录下的02view.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 >

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值