HTML如何實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)

在開發(fā)網(wǎng)頁(yè)時(shí)，我們經(jīng)常需要實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)功能，比如點(diǎn)擊某個(gè)按鈕后跳轉(zhuǎn)到其他頁(yè)面。那么 HTML 如何實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)呢？這篇文章告訴你。

方法一：meta 標(biāo)簽

用?meta?標(biāo)簽實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)，可以設(shè)置跳轉(zhuǎn)響應(yīng)時(shí)間，如下例子為在 3 秒后跳轉(zhuǎn)到指定網(wǎng)址。

<meta http-equiv="refresh" content="3;url=http://o2fo.com/" >

方法二：JavaScript 設(shè)置跳轉(zhuǎn)

JavaScript 設(shè)置跳轉(zhuǎn)的方式又有兩種，一種是直接跳轉(zhuǎn)，另一種是設(shè)定時(shí)間跳轉(zhuǎn)。代碼如下：

<Script>
// 直接跳轉(zhuǎn)
 window.location.href='http://o2fo.com/';
// 定時(shí)跳轉(zhuǎn)
setTimeout("javascript:location.href='http://o2fo.com/'",5000);
</Script>

方法三：onclick 設(shè)置跳轉(zhuǎn)

如果想要設(shè)置該跳轉(zhuǎn)是在點(diǎn)擊某個(gè)按鈕時(shí)進(jìn)行的，那就可以使用該方法進(jìn)行跳轉(zhuǎn)。

<button id="load" onclick="window.location.href='http://o2fo.com/'">跳轉(zhuǎn)</button>

以上就是 HTML 如何實(shí)現(xiàn)網(wǎng)頁(yè)跳轉(zhuǎn)的三種方法。動(dòng)手練習(xí)起來吧。更多 HTML 學(xué)習(xí)請(qǐng)關(guān)注 w3cschool 官網(wǎng)。