怎么在html中實現(xiàn)頁面跳轉(zhuǎn)

發(fā)布時間：2021-04-12 15:14:58 來源：億速云閱讀：263 作者：Leah 欄目：web開發(fā)

怎么在html中實現(xiàn)頁面跳轉(zhuǎn)？針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

html實現(xiàn)頁面跳轉(zhuǎn)的方法：

1、html中使用meta中跳轉(zhuǎn)，通過meta可以設(shè)置跳轉(zhuǎn)時間和頁面

<head>
<!--只是刷新不跳轉(zhuǎn)到其他頁面 -->
<meta http-equiv="refresh" content="5">
<!--定時轉(zhuǎn)到其他頁面 -->
<meta http-equiv="refresh" content="5;url=index.html"> 
</head>

2、a標(biāo)簽直接跳轉(zhuǎn)

<a href="http://baidu.com">百度一下</a>

3、通過javascript中實現(xiàn)跳轉(zhuǎn)

// 直接跳轉(zhuǎn)
window.location.href='index.html';
// 定時跳轉(zhuǎn)
setTimeout("javascript:location.href='index.html'", 5000);
其實兩種方式是類似的，只是有的在javascript中寫的跳轉(zhuǎn)，另一種直接從html中寫跳轉(zhuǎn)
<button id="load" οnclick="window.location.reload('/html/index.html')">跳轉(zhuǎn)</button>

4、html跳轉(zhuǎn)上一頁的方式

window.history.go(-1)；或者window.history.back(-1)；

在html中寫

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一頁</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一頁</a>

在javascript中寫跳轉(zhuǎn)上一頁

<div id="btn">按鈕</div>
<script type="text/javascript">
    var wrong = document.getElementById('btn');
    wrong.onclick = function() { 
window.history.go(-1);//返回上一頁
window.history.back(-1);//返回上一頁
   }
</script>

關(guān)于怎么在html中實現(xiàn)頁面跳轉(zhuǎn)問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。

向AI問一下細節(jié)

怎么在html中實現(xiàn)頁面跳轉(zhuǎn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽