- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細(xì)教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
- 10Intel i7-9700K性能跑分曝光：同代提升約12%
- 11AMD推土機(jī)架構(gòu)回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進(jìn)口關(guān)稅！PC硬件要大漲價
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> HTML完成頁面自動跳轉(zhuǎn)的5種方法
HTML完成頁面自動跳轉(zhuǎn)的5種方法
發(fā)表時間：2023-09-11 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這篇文章主要介紹了關(guān)于HTML實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下在上篇文章給大家介紹了HTML頁面3秒后自動跳轉(zhuǎn)的三種常見方法，本文繼續(xù)給大家介紹有關(guān)html頁面跳轉(zhuǎn)相關(guān)知識，一起學(xué)習(xí)吧。下面列了五個例子來詳細(xì)說明，這幾個例子的主要功能是：在5...
這篇文章主要介紹了關(guān)于HTML實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下在上篇文章給大家介紹了HTML頁面3秒后自動跳轉(zhuǎn)的三種常見方法，本文繼續(xù)給大家介紹有關(guān)html頁面跳轉(zhuǎn)相關(guān)知識，一起學(xué)習(xí)吧。
下面列了五個例子來詳細(xì)說明，這幾個例子的主要功能是：在5秒后，自動跳轉(zhuǎn)到同目錄下的hello.html（根據(jù)自己需要自行修改）文件。
1）html的實現(xiàn)
復(fù)制代碼
代碼如下:
<head> <meta http-equiv="refresh" content="5;url=hello.html"> </head>
優(yōu)點：簡單
缺點：Struts Tiles中無法使用
2）javascript的實現(xiàn)
復(fù)制代碼
代碼如下:
<mce:script language="javascript" type="text/javascript"><!--
setTimeout("javascript:location.href='http://liting6680.blog.163.com/blog/hello.html'", 5000);
// --></mce:script>優(yōu)點：靈活，可以結(jié)合更多的其他功能
缺點：受到不同瀏覽器的影響
3）結(jié)合了倒數(shù)的javascript實現(xiàn)（IE）
復(fù)制代碼
代碼如下:
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='http://liting6680.blog.163.com/blog/hello.html';
}
// --></mce:script>優(yōu)點：更人性化
缺點：firefox不支持（firefox不支持span、p等的innerText屬性）
3 ）結(jié)合了倒數(shù)的javascript實現(xiàn)（firefox）
復(fù)制代碼
代碼如下:
<mce: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='http://liting6680.blog.163.com/blog/hello.html';
}
// --></mce:script>4）解決Firefox不支持innerText的問題
復(fù)制代碼
代碼如下:
<span id="totalSecond">5</span>
<mce: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";
}
// --></mce:script>5）整合3）和3'）
復(fù)制代碼
代碼如下:
<span id="totalSecond">5</span>
<mce: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='http://liting6680.blog.163.com/blog/hello.html';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;
} else
{
document.getElementById('totalSecond').textContent = second--;
}
}
}
// --></mce:script>以上通過五個實例是給大家介紹了HTML實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法，希望大家喜歡。
以上就是HTML實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
標(biāo)簽：HTML完成頁面自動跳轉(zhuǎn)的5種辦法
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1努比亞z11mini什么時候出 nubia z11mini上市時間
- 2努比亞z11mini價格多少錢 nubia z11mini報價
- 3努比亞z11mini設(shè)置如何 nubia z11mini參數(shù)設(shè)置
- 4華為p9與3星s7哪一個好 3星galaxy s7與華為p9比較評測
- 5華為p9與3星s6比較評測 3星galaxy s6與華為p9哪一個好
- 6華為p9與oppo r9plus哪一個好 oppo r9plus與華為p9比較評測
- 7華為p9與華為mate7哪一個好 華為mate7與華為p9比較評測
- 8華為榮耀暢玩5c與5x哪一個好 華為榮耀暢玩5x與5c比較評測
- 9魅族pro6如何打開VoLTE 魅族pro6設(shè)置VoLTE技巧方法流程
- 10小米5home鍵一側(cè)無反應(yīng) 小米5home鍵按右側(cè)沒反應(yīng)處理方法
- 11魅藍(lán)3與小米2s比較評測 小米2s好還是魅藍(lán)3好
- 12魅藍(lán)3與小米4c比較評測 小米4c與魅藍(lán)3哪一個好
- 1鬼怪大結(jié)局是什么？韓劇《鬼怪》大結(jié)局第16集視頻鏈接
- 2詳細(xì)說明MySQL5.7中的關(guān)鍵字與保留字
- 3聯(lián)想zuk z2開發(fā)者模式如何開 聯(lián)想zuk z2開發(fā)者模式打開圖文說明教程
- 4谷歌瀏覽器|谷歌瀏覽器屏蔽廣告圖文說明教程 谷歌瀏覽器如何屏蔽廣告
- 5用PS如何將照片背景換成藍(lán)色
- 6知道sql語句中where與having的區(qū)別
- 7mysql event事件調(diào)度器的圖文代碼詳細(xì)說明
- 8QQ影音如何截取QQ表情？QQ影音截取QQ表情圖文說明教程
- 9QQ影音如何播放3D視頻？QQ影音播放3D視頻設(shè)置技巧
- 10最新愛奇藝會員賬號密碼大全（2017.2.20）
- 113組騰訊視頻會員賬號共享（2017.2.20）
- 12QQ影音如何轉(zhuǎn)換視頻格式？
