js如何控制页面跳转

使用 javascript 控制页面跳转的方法有：修改 location.href 属性重定向用户。使用 window.location.replace() 替换当前页面，不保留历史记录。使用 window.location.assign() 更改当前页面，保留历史记录。使用 window.open() 在当前或新窗口中打开新页面。使用带有 href 属性的 anchor 标签创建可点击链接。提交具有 action 属性的表单来重定向用户。

如何使用 JavaScript 控制页面跳转

使用 JavaScript 可以通过多种方式控制页面跳转：

1. location.href

location.href 属性包含当前页面的 URL。通过修改此属性，可以将用户重定向到新页面。

location.href = "https://example.com"; // 将用户重定向到 example.com

登录后复制

2. window.location.replace()

window.location.replace() 方法将当前页面替换为新页面，而不保留历史记录。

window.location.replace("https://example.com"); // 替换当前页面为 example.com

登录后复制

3. window.location.assign()

window.location.assign() 方法将当前页面更改为新页面，但保留历史记录。

window.location.assign("https://example.com"); // 更改页面为 example.com，并保留历史记录

登录后复制

4. window.open()

window.open() 方法在当前窗口或新窗口中打开新页面。

window.open("https://example.com"); // 在新窗口中打开 example.com

登录后复制

5. anchor 标签

使用带有 href 属性的 anchor 标签可以创建可点击的链接。

<a href="https://example.com">点击这里跳转</a>

登录后复制

6. 表单提交

具有 action 属性的表单在提交时可以将用户重定向到指定页面。

<form action="https://example.com">
  <input type="submit" value="提交">
</form>

登录后复制

以上就是js如何控制页面跳转的详细内容，更多请关注抖狐科技其它相关文章！