html的5種面跳轉(zhuǎn)方式

1、下面列了五個例子來詳細說明，這幾個例子的主要功能是：在5秒后，自動跳轉(zhuǎn)到同目錄下的hello.html(根據(jù)自己需要自行修改)文件。1) html的實現(xiàn)123456優(yōu)點：簡單缺點：StrutsTiles中無法使用2)javascript的實現(xiàn)123456/以卜/式直接跳轉(zhuǎn)window.location.href=hello.html;/以卜方式定時跳轉(zhuǎn)setTimeout(javascript:location.href=hello.html,5000);優(yōu)點：靈活，可以結(jié)合更多的其他功能缺點：受到不同瀏覽器的影響3）結(jié)合了倒數(shù)的javascript實現(xiàn)（IE）1523varsecond=to

2、talSecond.innerText;4setInterval(redirect(),1000);5functionredirect()6totalSecond.innerText=-second;7if(second0)location.href=hello.html;89優(yōu)點：更人性化缺點：firefox不支持(firefox不支持span、div等的innerText屬性)3)結(jié)合了倒數(shù)的javascript實現(xiàn)(firefox)12varsecond=document.getElementById(totalSecond).textContent;3setInterval(redir

3、ect(),1000);4functionredirect()56document.getElementById(totalSecond).textContent=-second;7if(second0)location.href=hello.html;894)解決Firefox不支持innerText的問題512if(navigator.appName.indexOf(Explorer)-1)3document.getElementById(totalSecond).innerText=mytext4innerText;5else6document.getElementById(totalS

4、econd).textContent=mytext7textContent;85)整合3)和3)15234varsecond=document.getElementById(totalSecond).textContent;56if(navigator.appName.indexOf(Explorer)-1)7second=8document.getElementById(totalSecond).innerText;9else10second=11document.getElementById(totalSecond).textContent;12setInterval(redirect(),1000);functionredirect()if(second-1)document.getElementById(totalSecond).innerText=second-;elsedocument.ge