Javascript 转移到另一个页面

在开发网站时，经常会需要在页面之间进行导航。Javascript 提供了一种简便的方法来转移到另一个页面。本文将介绍两种常见的方法和相关的代码片段。

方法一：使用 window.location.href

最简单的方法是使用 window.location.href 属性。这个属性可以让你获取当前页面的 URL，也可以用来定义一个新的 URL 以转移到另一个页面。例如，要转移到页面 http://example.com/newpage.html，你可以使用以下代码：

window.location.href = "http://example.com/newpage.html";

这种方法非常简单，但它有一些限制。例如，它只能用于 GET 请求。如果你需要进行 POST 请求，你需要使用第二种方法。

方法二：使用表单提交

使用表单提交是发送 POST 请求的典型方法。首先，你需要创建一个表单，并设置它的属性和方法。例如，在一个 form 元素上设置 formaction 属性为新页面的 URL，然后调用 submit() 方法。以下是一个例子：

<form id="myform" method="post">
  <input type="hidden" name="data" value="mydata">
  <button type="submit" formaction="http://example.com/newpage.html">Submit</button>
</form>

<script>
document.getElementById("myform").submit();
</script>

在这个例子中，表单中的数据将被发送到新页面，同时新页面的 URL 是由按钮的 formaction 属性确定的。

结论

本文介绍了两种常见的 Javascript 转移到另一个页面的方法。window.location.href 方法可以发送 GET 请求，而使用表单提交方法发送 POST 请求。你可以选择合适的方法来实现你的需求。

最终代码片段：

```html
<form id="myform" method="post">
  <input type="hidden" name="data" value="mydata">
  <button type="submit" formaction="http://example.com/newpage.html">Submit</button>
</form>

<script>
document.getElementById("myform").submit();
</script>