如何從HTML頁面重定向?


頁面重定向是指你點選一個URL試圖訪問頁面X,但實際上你被導向了另一個頁面Y。這是由於頁面重定向造成的。網站設計師在需要更改特定網站的佈局或特定頁面的位置時會用到重定向。

要從HTML頁面進行重定向,我們使用META標籤。同時,我們也使用http-equiv屬性來為content屬性的值提供一個HTTP頭部。content中的值是以秒為單位的時間;頁面將在指定時間後重定向。

如果要立即載入,請將content屬性設定為0。否則,如果要稍微延遲重定向,請指定以秒為單位的時間。

語法

<meta http-equiv="refresh" content="time; URL=new_url" />

我們可以看到,重定向需要兩個引數:

  • 時間:表示瀏覽器將使用者重定向到不同頁面之前的延遲。

  • 新URL:表示延遲後我們需要將使用者重定向到的URL地址。

以下是一些示例……

示例

在下面的示例中,我們透過在<meta>標籤中指定URL連結來將頁面重定向到另一個頁面。

<!DOCTYPE html> <html> <head> <title>HTML Redirect</title> <meta http-equiv="refresh" content="5; url = https://tutorialspoint.tw/index.htm" /> </head> <body> <h1>WELCOME TO Tutorialspoint</h1> <p>you'll be redirected to Tutorialspoint Homepage, in 5 seconds.</p> </body> </html>

執行程式碼後,瀏覽器視窗會開啟並等待5秒鐘,然後自動重定向到tutorials point主頁。

延遲HTML頁面重定向

如果在重定向到另一個頁面或頁面重定向延遲時遇到任何錯誤,這可能是由於使用了舊的瀏覽器造成的。為了解決這個問題,我們將提供一個新的網頁連結。

<!DOCTYPE html> <html> <head> <meta http-equiv="refresh" content="5; URL=https://tutorialspoint.tw/index.htm" /> </head> <body> <p>If you are not redirected in five seconds, <a href="https://tutorialspoint.tw/index.htm">click here</a>.</p> </body> </html>

執行上述指令碼後,網頁會顯示我們使用<a href>提到的連結,以避免重定向延遲。

更新於:2023年9月10日

31K+ 次瀏覽

啟動您的職業生涯

完成課程後獲得認證

開始學習
廣告
© . All rights reserved.