首頁  >  文章  >  web前端  >  HTML實作頁面自動跳轉的五種方法_HTML/Xhtml_網頁製作

HTML實作頁面自動跳轉的五種方法_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:36:151363瀏覽

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

1)html的實作


複製程式碼
程式碼如下:



-equiv="refresh" content="5;url=hello.html">

優點:簡單

缺點:Struts Tiles中無法使用

2)javascript的實作


複製代碼
代碼如下:


優點:靈活,可以結合更多的其他功能

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

3)結合了倒數的javascript實作(IE)


複製程式碼
程式碼如下:



優點:更人性化

缺點:firefox不支援(firefox不支援span、div等的innerText屬性)

3 )結合了倒數的javascript實作(firefox)


複製代碼
代碼如下:


4)解決Firefox不支援innerText的問題


複製程式碼
程式碼如下:



5)整合3)和3')


複製程式碼
程式碼如下:

5
< ;/mce:script>



上記の 5 つの例では、HTML での自動ページ ジャンプの 5 つの方法を紹介しました。気に入っていただければ幸いです。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn