ES6 |页面重定向
ES6页面重定向用于向用户和浏览器搜索引擎发送到不同网站地址的请求,(搜索引擎和用户收到的网站地址与搜索引擎或用户请求的不同)。重定向到用户或搜索引擎未请求的不同页面可以在同一台服务器上,也可以在不同的服务器上。此外,它可以是不同的网站。
使用 JavaScript 最新版本的 ES6 重定向到另一个未被请求的页面。有很多方法可以用来重定向到另一个页面,下面列出了所有方法并附有说明。记住一件事,所有方法都属于一个单窗口返回对象。
- location.replace() 方法:此方法将使用.replace()方法将当前网站位置替换为重定向的网站位置。
句法:window.location.replace = "Your redirected link"
- location.assign() 方法:此方法将使用.assign()方法为重定向的网站位置分配一个新位置。
句法:window.location.assign = "Your redirected link"
- location.reload() 方法:此方法将使用.reload()方法重新加载当前文档。
句法:window.location.reload = "Your redirected link"
- window.navigate() 方法:此方法可以在 Internet Explorer 中使用,只有所有其他浏览器都删除了此方法。所以最好避免,因为其他浏览器不支持这种方法。此方法类似于.location.assign()方法。此方法分配一个新值,该值将使用 .navigate() 方法进行导航。
句法:window.navigate = "Your redirected link"
下面的示例将说明页面重定向的整个概念:
例子:
ES6 | Page Redirect
GeeksforGeeks
输出:
- 在点击按钮之前:
- 点击按钮后:
注意:在网页的 head 部分添加rel = “canonical” ,以便在您使用页面重定向方法时通知搜索引擎。