【HTML】Html頁面跳轉的5種方式-html教學-PHP中文網

首頁

web前端

html教學

【HTML】Html頁面跳轉的5種方式

高洛峰

Feb 16, 2017 pm 02:44 PM

html

目錄結構：

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中無法使用

<script language="javascript" type="text/javascript"> 
// 以下方式直接跳转window.location.href=&#39;hello.html&#39;;// 以下方式定时跳转setTimeout("javascript:location.href=&#39;hello.html&#39;", 5000); 
</script>

登入後複製

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

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

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

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

3') 結合了倒數的javascriptr🜎 ) 解決Firefox不支援innerText的問題

<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript"> 
 second ="redirect()", 1000=--(second<0) location.href=&#39;hello.html&#39;</script>

登入後複製

5) 結合了倒數的javascript實作（IE,Fiox）

更多【HTML】Html頁面跳轉的5種方式相關文章請關注PHP中文網！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn