window.location.assign() 方法用于加载新的文档（即页面），并且将新的页面添加到浏览器的历史记录中。这意味着用户可以通过浏览器的“后退”按钮返回到原来的页面。
基本语法
window.location.assign(url);
url：要加载的新页面的 URL，可以是绝对 URL 或相对 URL。
特点：
- 添加到历史记录：调用
assign()后，新页面会被加载，并且当前页面会被保留在浏览器历史记录栈中。因此，用户可以通过点击浏览器的“后退”按钮返回到当前页面。 - 不会改变当前页面的 URL：与
window.location.replace()不同，assign()会保留当前页面的历史记录项，允许用户在浏览器中导航回到原页面。
示例：
// 跳转到新的页面
window.location.assign("https://www.example.com");
// 使用相对路径跳转
window.location.assign("/newpage.html");
与其他方法的对比：
window.location.assign(url)：跳转到新页面并将其添加到历史记录中，可以通过浏览器的“后退”按钮返回。window.location.replace(url)：跳转到新页面并替换当前页面，不会保留当前页面的历史记录，因此无法通过“后退”按钮返回。window.location.href = url：与assign()类似，也会跳转到新页面并将其添加到历史记录中。
使用场景：
- 页面跳转：常用于在用户操作后，跳转到不同的页面，如提交表单后跳转到结果页面。
- 条件跳转：可以根据某些条件（如用户权限或登录状态）跳转到特定页面。
示例：根据用户登录状态跳转
if (userIsLoggedIn) {
window.location.assign("/dashboard");
} else {
window.location.assign("/login");
}
总结：
window.location.assign()是一种标准的页面跳转方法，适用于大多数需要跳转且希望保留历史记录的场景。- 如果你希望用户能够返回到当前页面，可以使用
assign()；如果不希望用户返回到当前页面，可以使用replace()。
这个方法在很多Web应用中都会用到，尤其是在基于表单提交后进行页面跳转，或者通过某些条件跳转到特定页面的场景。如果你有具体的应用场景，或者需要更多代码示例，随时告诉我！
发表回复