本文概述
- window.location和window.location.href
- location.replace()
- location.assign()
- location.reload()
- window.navigate()
- 搜索引擎优化和页面重定向
通过使用ECMAScript 2015或ES6, 可以重定向到未请求的其他页面。有几种用于执行页面重定向的方法, 例如location.href, location.replace()等。
让我们尝试了解JavaScript中用于页面重定向的一些方法。
window.location和window.location.hrefwindow.location对象是window对象的属性。有几种方法可以重定向网页。几乎所有方法都与window.location对象有关。
它可用于获取当前URL的地址或网址。可以在不添加窗口前缀的情况下编写window.location对象。
例子
window.location = " https://www.srcmini.com/";
location.replace()它是常用的window.location对象之一。它用于用新文档替换原始文档。
在这种方法中, 我们可以传递一个新的URL, 然后它将执行HTTP重定向。
语法
window.location.replace("new URL");
例子
window.location.replace("https://www.srcmini.com/");
location.assign()此方法用于在浏览器窗口中加载新文档。
location.assign()和location.replace()方法之间的区别在于replace()方法从文档的历史记录中删除当前URL。因此, 将无法执行向后导航。在这种情况下, 我们无法使用后退按钮。
为了避免这种情况, 我们应该使用location.assign()方法, 因为它会加载新的浏览器文档。
语法
window.location.assign("https://www.srcmini.com/");
location.reload()【ES6页面重定向】此方法用于动态地重新加载当前文档。我们可以指定一个布尔参数, 为true或false。如果参数值为true, 则该方法将强制浏览器从服务器重新加载页面。但是, 如果错误或未指定, 则浏览器可能会从缓存中重新加载页面。
例子
window.location.reload("https://www.srcmini.com/");
window.navigate()由于所有其他浏览器都删除了此方法, 因此该方法仅在Internet Explorer中可用。这类似于为window.location.href属性分配新值。
例子
window.navigate("https://www.srcmini.com/");
搜索引擎优化和页面重定向通常, 搜索引擎不会分析JavaScript来检查重定向。因此, 如果需要将URL转发通知给搜索引擎(SEO), 我们需要在网页的头部添加rel =” canonical” 标签。
例子
<
link rel = "canonical" href = "https://www.srcmini.com/"/>
推荐阅读
- ES6 Promise介绍和用法示例
- ES6页面打印
- Android 切换横竖屏
- App地推业绩统计方法选择不当会产生什么问题()
- adjustsFontSizeToFitWidth 与NSLineBreakByCharWrapping 无法共用
- Could not find com.android.tools.build:gradle:2.2.3
- Dapper操作Sql Server和MySql数据库
- Android-SDK目录结构
- Spring閲岀殑applicationContext.getBeansWithAnnotation