如何使用 window.location 來重定向到一個不同的 URL?


你可能遇到過以下情況:你點選一個 URL,開啟頁面 X,但實際上卻被定向到了另一個頁面 Y。這是由於頁面重定向造成的。

使用 JavaScript 在客戶端進行頁面重定向非常簡單。要將網站訪問者重定向到一個新頁面,你只需在 head 部分中新增一行,如下所示。

示例

你可以嘗試執行以下程式碼,瞭解如何使用 window.location 來重定向一個 HTML 頁面。這裡,我們將重定向到主頁

即時演示

<html>
   <head>
      <script>
         <!--
            function Redirect() {
               window.location.assign("https://tutorialspoint.tw");
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button, you will be redirected to home page.</p>
      <input type="button" value="Redirect Me" onclick="Redirect();" />
   </body>
</html>

更新日期:13-Jan-2020

922 次瀏覽

開啟你的 職業

透過完成課程獲得認證

開始
廣告