HTML頁面跳轉(zhuǎn)的方法有哪些

這篇文章主要講解了“HTML頁面跳轉(zhuǎn)的方法有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“HTML頁面跳轉(zhuǎn)的方法有哪些”吧！

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供天津網(wǎng)站建設(shè)、天津做網(wǎng)站、天津網(wǎng)站設(shè)計(jì)、天津網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、天津企業(yè)網(wǎng)站模板建站服務(wù)，10多年天津做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

1) html的實(shí)現(xiàn)

<head>

<metahttp-equiv="refresh" content="10">

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

head>

優(yōu)點(diǎn)：簡單
缺點(diǎn)：Struts Tiles中無法使用

2) javascript的實(shí)現(xiàn)

?點(diǎn)：靈活，可以結(jié)合更多的其他功能
缺點(diǎn)：受到不同瀏覽器的影響
3) 結(jié)合了倒數(shù)的javascript實(shí)現(xiàn)（IE）

<spanid="totalSecond">5span>

<scriptlanguage="javascript" type="text/javascript">

var second = totalSecond.innerText;

setInterval("redirect()", 1000);

function redirect(){

totalSecond.innerText=--second;

if(second<0) location.href='hello.html';

}

優(yōu)點(diǎn)：更人性化
缺點(diǎn)：firefox不支持（firefox不支持span、div等的innerText屬性）
3') 結(jié)合了倒數(shù)的javascript實(shí)現(xiàn)（firefox）

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

<spanid="totalSecond">5span>

<scriptlanguage="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";

}

script>

5) 整合3)和3')

<spanid="totalSecond">5span>

<scriptlanguage="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 = 'hello.html';

} else {

if (navigator.appName.indexOf("Explorer") > -1) {

document.getElementById('totalSecond').innerText = second--;

} else {

document.getElementById('totalSecond').textContent = second--;

}

script>

感謝各位的閱讀，以上就是“HTML頁面跳轉(zhuǎn)的方法有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對HTML頁面跳轉(zhuǎn)的方法有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

本文名稱：HTML頁面跳轉(zhuǎn)的方法有哪些
網(wǎng)站URL：http://weahome.cn/article/gipioc.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

HTML頁面跳轉(zhuǎn)的方法有哪些

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管