在上篇文章給大家介紹了html' target='_blank'>HTML頁面3秒后自動跳轉的三種常見方法，本文繼續給大家介紹有關html頁面跳轉相關知識，一起學習吧。
下面列了五個例子來詳細說明，這幾個例子的主要功能是：在5秒后，自動跳轉到同目錄下的hello.html（根據自己需要自行修改）文件。

1）html的實現

復制代碼

代碼如下:

 head  meta http-equiv= refresh content= url=hello.html  /head 

優點：簡單

缺點：Struts Tiles中無法使用

2）javascript的實現

復制代碼

代碼如下:

 mce:script language= javascript type= text/javascript !-- setTimeout( javascript:location.href= http://liting6680.blog.163.com/blog/hello.html , 5000); // -- /mce:script 

優點：靈活，可以結合更多的其他功能

缺點：受到不同瀏覽器的影響

3）結合了倒數的javascript實現（IE）

復制代碼

代碼如下:

 span id= totalSecond 5 /span  mce:script language= javascript type= text/javascript !-- var second = totalSecond.innerText; setInterval( redirect() , 1000); function redirect(){ totalSecond.innerText=--second; if(second 0) location.href= http://liting6680.blog.163.com/blog/hello.html // -- /mce:script 

優點：更人性化

缺點：firefox不支持（firefox不支持span、p等的innerText屬性）

3 ）結合了倒數的javascript實現（firefox）

復制代碼

代碼如下:

 mce: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= http://liting6680.blog.163.com/blog/hello.html // -- /mce:script 

4）解決Firefox不支持innerText的問題

復制代碼

代碼如下:

 span id= totalSecond 5 /span  mce: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 // -- /mce:script 

5）整合3）和3 ）

復制代碼

代碼如下:

 span id= totalSecond 5 /span  mce: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= http://liting6680.blog.163.com/blog/hello.html } else if (navigator.appName.indexOf( Explorer ) -1) document.getElementById( totalSecond ).innerText = second--; } else document.getElementById( totalSecond ).textContent = second--; // -- /mce:script 

以上通過五個實例是給大家介紹了HTML實現頁面自動跳轉的五種方法，希望大家喜歡。

以上就是HTML實現頁面自動跳轉的五種方法的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。