首頁  >  文章  >  web前端  >  【HTML】Html頁面跳轉的5種方式

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

高洛峰
高洛峰原創
2017-02-16 14:44:452646瀏覽

目錄結構:

contents structure [-]

  1. html實現了元的倒數

  2. 解決Firefox不支持innerText的問題

  3. 結合了倒數的javascript實現(IE,Firefox)

  4. 參考文章

  5.  

下面列了五個例子來詳細說明,這幾個例子的主要功能是:在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