如何使用 JavaScript 来重定向 HTML 页面?


你可能遇到过这样的情况:你点击一个 URL 想访问页面 X,但浏览器的内部却将你导向另一个页面 Y。这是由于页面重定向导致的。

在客户端使用 JavaScript 进行页面重定向非常简单。若要将你的网站访问者重定向到新页面,你只需按如下所示在你的 head 部分中添加一行代码。

你可以尝试运行以下代码,了解如何使用 JavaScript 重定向 HTML 页面。在此,我们将重定向到主页

示例

现场演示

<html>
   <head>
      <script>
         <!--
            function Redirect() {
               window.location.assign("https://tutorialspoint.com");
            }
          //-->
      </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>

更新于: 2019-10-07

2K+ 浏览量

开启你的事业

完成课程并获取认证

立即开始
广告