【HTML】Html頁面跳轉的5種方式
- 高洛峰原創
- 2017-02-16 14:44:452646瀏覽
目錄結構：
contents structure [-]
html實現了元的倒數
- 解決Firefox不支持innerText的問題
- 結合了倒數的javascript實現(IE,Firefox)
- 參考文章
下面列了五個例子來詳細說明，這幾個例子的主要功能是：在5秒後，自動跳到同目錄下的hello.html（依自己需要自行修改）檔案。
1) html的實作<head>
<!-- 以下方式只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
優點：簡單缺點：Struts Tiles中無法使用
57916d668bd9fde2bda8a8d63055ad35
// 以下方式直接跳转window.location.href='hello.html';// 以下方式定时跳转setTimeout("javascript:location.href='hello.html'", 5000);
2cacc6d41bbb37262a98f745aa00fbf0
優點：靈活，可以結合更多的其他功能
3) 結合了倒數的javascript實現（IE）
化
缺點：firefox不支援（firefox不支援span、p等的innerText屬性）
3') 結合了倒數的javascriptr🜎 ) 解決Firefox不支援innerText的問題
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d114 57916d668bd9fde2bda8a8d63055ad35 second ="redirect()", 1000=--(second<0) location.href='hello.html'2cacc6d41bbb37262a98f745aa00fbf0
5) 結合了倒數的javascript實作（IE,Fiox）
更多【HTML】Html頁面跳轉的5種方式相關文章請關注PHP中文網！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：HTML一級導覽製作下一篇：HTML一級導覽製作