📜  ES6-页面重定向

📅  最后修改于: 2020-10-25 10:33:47             🧑  作者: Mango


重定向是一种将用户和搜索引擎发送到不同于他们最初请求的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("http://www.abc.com

location.assign()

location.assign()方法在浏览器窗口中加载新文档。

以下是相同的语法。

window.location.assign("http://www.abc.org"); 

Assign()与replace()

Assign()和replace()方法之间的区别在于,location.replace()方法将从文档历史记录中删除当前URL,因此无法导航回原始文档。在这种情况下,您将无法使用浏览器的“后退”按钮。如果要避免这种情况,应该使用location.assign()方法,因为它会在浏览器中加载新的Document。

location.reload()

location.reload()方法在浏览器窗口中重新加载当前文档。

以下是相同的语法。

window.location.reload("http://www.yahoo.com");

window.navigate()

window.navigate()方法类似于将新值分配给window.location.href属性。因为它仅在MS Internet Explorer中可用,所以您应避免在跨浏览器开发中使用它。

以下是相同的语法。

window.navigate("http://www.abc.com"); 

重定向和搜索引擎优化

如果要向搜索引擎(SEO)通知有关您的URL转发的信息,则应将rel =“ canonical”元标记添加到网站的头部,因为搜索引擎不会分析JavaScript来检查重定向。

以下是相同的语法。