下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
1) html的实现
3 |
< meta http-equiv = "refresh" content = "10" > |
5 |
< meta http-equiv = "refresh" content = "5;url=hello.html" > |
优点:简单
缺点:Struts Tiles中无法使用
2) javascript的实现
1 |
<script language= "javascript" type= "text/javascript" > |
3 |
window.location.href= 'hello.html' ; |
5 |
setTimeout( "javascript:location.href='hello.html'" , 5000); |
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3) 结合了倒数的javascript实现(IE)
1 |
< span id = "totalSecond" >5</ span > |
2 |
< script language = "javascript" type = "text/javascript" > |
3 |
var second = totalSecond.innerText; |
4 |
setInterval("redirect()", 1000); |
6 |
totalSecond.innerText=--second; |
7 |
if(second< 0 ) location.href = 'hello.html' ; |
优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)
3') 结合了倒数的javascript实现(firefox)
1 |
<script language= "javascript" type= "text/javascript" > |
2 |
var second = document.getElementById( 'totalSecond' ).textContent; |
3 |
setInterval( "redirect()" , 1000); |
6 |
document.getElementById( 'totalSecond' ).textContent = --second; |
7 |
if (second < 0) location.href = 'hello.html' ; |
4) 解决Firefox不支持innerText的问题
1 |
< span id = "totalSecond" >5</ span > |
2 |
< script language = "javascript" type = "text/javascript" > |
3 |
if(navigator.appName.indexOf("Explorer") > -1){ |
4 |
document.getElementById('totalSecond').innerText = "my text innerText"; |
6 |
document.getElementById('totalSecond').textContent = "my text textContent"; |
5) 整合3)和3')
01 |
< span id = "totalSecond" >5</ span > |
03 |
< script language = "javascript" type = "text/javascript" > |
04 |
var second = document.getElementById('totalSecond').textContent; |
06 |
if (navigator.appName.indexOf("Explorer") > -1) { |
07 |
second = document.getElementById('totalSecond').innerText; |
09 |
second = document.getElementById('totalSecond').textContent; |
12 |
setInterval("redirect()", 1000); |
15 |
location.href = 'hello.html' ; |
17 |
if (navigator.appName.indexOf("Explorer") > -1) { |
18 |
document.getElementById('totalSecond').innerText = second--; |
20 |
document.getElementById('totalSecond').textContent = second--; |