在网页开发中，将用户重定向到不同的网页是一个基本任务。JavaScript 提供了几种实现此目的的方法，每种方法都有其自身的细微差别和最佳用例。本文探讨了最常见的方法，重点介绍了它们的差异，并指导您为您的特定需求选择最佳方法。
目录
使用location.href
最简单也是最常用的方法是使用location.href属性。这直接将新的URL分配给浏览器的当前位置，从而启动重定向。之前的页面保留在浏览器的历史记录中，允许用户使用后退按钮返回。
location.href = 'https://www.example.com';
使用location.replace()
与location.href类似，location.replace()重定向到一个新的URL。但是，它会从浏览器的历史记录中删除当前页面。这可以防止用户使用后退按钮返回到上一页。这在表单提交或登录等操作之后特别有用，因为返回到之前的状态是不可取的。
location.replace('https://www.example.com');
使用location.assign()
在功能上与location.href相同，location.assign()分配一个新的URL，同时保留浏览器历史记录。虽然两者都能达到相同的结果，但location.assign()更明确地表达了其意图。对于大多数场景，location.href就足够了，但是location.assign()提供了更清晰的语义表示。
location.assign('https://www.example.com');
创建动态锚元素
这种不太直接的方法涉及动态创建一个锚元素（<a>）并以编程方式单击它。这提供了更大的控制权，允许添加诸如target="_blank"之类的属性以在新标签页中打开链接。当处理更复杂的重定向场景或需要更细粒度的控制过程时，此方法可能会有益。
const a = document.createElement('a');
a.href = 'https://www.example.com';
a.target = '_blank'; //在新标签页中打开
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
结论
JavaScript 提供了几种有效的重定向用户的方法。location.href 提供了简单性和广泛的兼容性。location.replace() 控制历史导航。location.assign() 为location.href 提供了语义上更清晰的替代方案。最后，创建动态锚元素允许进行高级自定义。选择合适的方法取决于应用程序的具体需求和上下文。记住，在重定向发生时，要优先考虑用户体验并提供清晰的视觉提示。