溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML頁面自動跳轉(zhuǎn)的五種實現(xiàn)方法

發(fā)布時間：2020-09-02 19:20:08 來源：網(wǎng)絡(luò) 閱讀：219 作者：芭菲雨 欄目：web開發(fā)

下面列了五個例子來詳細(xì)說明，這幾個例子的主要功能是：在5秒后，自動跳轉(zhuǎn)到同目錄下的02view.html（根據(jù)自己需要自行修改）文件。

1）html的實現(xiàn)

<head>
 
<meta http-equiv="refresh" content="5;url=02view.html">
 
</head>

　　

優(yōu)點：簡單

缺點：Struts Tiles中無法使用

2）javascript的實現(xiàn)

<script language="javascript" type="text/javascript">
 
setTimeout("javascript:location.href='02view.html'", 5000);
 
</script>

　　

優(yōu)點：靈活，可以結(jié)合更多的其他功能

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

3）結(jié)合了倒數(shù)的javascript實現(xiàn)（IE）

<span id="totalSecond">5</span>
 
<script language="javascript" type="text/javascript">
 
var second = totalSecond.innerText;
 
setInterval("redirect()", 1000);
 
function redirect(){
 
totalSecond.innerText=--second;
 
if(second<0) location.href='02view.html';
 
}
 
</script>

　　

優(yōu)點：更人性化

缺點：firefox不支持（firefox不支持span、div等的innerText屬性）

3'）結(jié)合了倒數(shù)的javascript實現(xiàn)（firefox）

<script language="javascript" type="text/javascript">
 
var second = document.getElementById('totalSecond').textContent;
 
setInterval("redirect()", 1000);
 
function redirect()
 
{
 
document.getElementById('totalSecond').textContent = --second;
 
if (second < 0) location.href = '02view.html';
 
}
 
</script>

　　

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

<span id="totalSecond">5</span>
 
<script language="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'）

<span id="totalSecond">5</span>
 
<script language="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 = '02view.html';
 
} else
 
{
 
if (navigator.appName.indexOf("Explorer") > -1)
 
{
 
document.getElementById('totalSecond').innerText = second--;
 
} else
 
{
 
document.getElementById('totalSecond').textContent = second--;
 
}
 
}
 
}
 
</script>


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手