ES6 页面重定向

重定向仅仅是一种将搜索引擎和用户从原始 URL 发送到不同 URL 的机制。 重定向页面可以在同一服务器上，也可以在不同的服务器上。它也可以在同一网站上或不同的网站上。

使用 ECMAScript 2015 或 ES6 完成重定向到未请求的不同页面。 有几种方法可用于执行页面重定向，例如 location.href, location.replace() 等等。

让我们尝试了解 JavaScript 中用于页面重定向的一些方法。

window.location 和 window.location.href

window.location 对象是 window 对象的一个属性。有几种重定向网页的方法。几乎所有方法都与 window.location 对象相关。

它可以用于获取当前 URL 或 Web 地址的地址。 可以不添加 window 前缀来写入 window.location 对象。

示例

location.replace()

它是常用的 window.location 对象之一。 它用于用新文档替换原始文档。

在这种方法中，我们可以传递一个新 URL，然后它将执行一个 HTTP 重定向。

语法

示例

location.assign()

此方法用于在浏览器窗口中加载新文档。

location.assign() 和 location.replace() 方法之间的区别在于，replace() 方法会从文档的历史记录中删除当前的 URL。因此，将无法执行后退导航。在这种情况下，我们不能使用后退按钮。

为了避免这种情况，我们应该使用 location.assign() 方法，因为它会加载一个新的浏览器文档。

语法

location.reload()

此方法用于动态重新加载当前文档。 我们可以指定一个布尔参数，true 或 false。 如果参数值为 true，则该方法将强制浏览器从服务器重新加载页面。 但如果它是 false 或未指定，则浏览器可能会从缓存中重新加载页面。

示例

window.navigate()

此方法仅在 Internet Explorer 中可用，因为所有其他浏览器都已删除此方法。 它类似于为 window.location.href 属性分配一个新值。

示例

搜索引擎优化和页面重定向

通常，搜索引擎不会分析 JavaScript 来检查重定向。 因此，如果需要通知搜索引擎 ( SEO ) 关于 URL 转发，我们需要在网页的 head 部分中添加 rel = "canonical" 标签。

示例