本文详细介绍了如何使用JavaScript进行页面重定向，包括window.location、location.replace、location.assign等方法的用法及区别，并讨论了重定向对搜索引擎优化的影响。
重定向是一种将用户和搜索引擎发送到不同于他们最初请求的URL的方法。页面重定向是一种自动将网页重定向到另一个网页的方法。重定向页面通常位于同一网站上，也可以位于其他网站或Web服务器上。
JavaScript页面重定向
window.location和window.location.href
在JavaScript中，您可以使用多种方法将网页重定向到另一个网页。几乎所有方法都与window.location对象有关，该对象是Window对象的属性。它可用于获取当前的URL地址（网址）并将浏览器重定向到新页面。两种用法在行为方面都是相同的。window.location返回一个对象。如果未设置.href，则window.location默认更改参数.href。
location.replace（）
另一种最常用的方法是window.location对象的replace（）方法，它将用新的替换当前文档。在replace（）方法中，您可以将新的URL传递给replace（）方法，它将执行HTTP重定向。
用法：window.location.replace(url)
location.assign（）
location.assign（）方法在浏览器窗口中加载新文档。
用法：window.location.assign(url)
Assign（）与Replace（）
Assign（）和replace（）方法之间的区别在于，location.replace（）方法会从文档历史记录中删除当前URL，因此无法导航回原始文档。在这种情况下，您将无法使用浏览器的“后退”按钮。如果要避免这种情况，则应使用location.assign（）方法，因为它会在浏览器中加载新的Document。
location.reload（）
location.reload（）方法在浏览器窗口中重新加载当前文档。
用法：window.location.reload(url);
window.navigate（）
window.navigate（）方法类似于将新值分配给window.location.href属性。因为它仅在MS Internet Explorer中可用，所以您应避免在跨浏览器开发中使用它。
用法：window.navigate(url);
重定向和搜索引擎优化
如果要向搜索引擎（SEO）通知有关您的URL转发的信息，则应将rel =“ canonical”元标记添加到网站的头部，因为搜索引擎不会分析JavaScript来检查重定向。
用法：<link rel = "canonical" href = url />
扫一扫
731