注意:
该文章由JS小白(本人)编写完成,仅为个人总结和理解,若有纰漏和误解,还望多多指出,共同成长😋
JS BOM_location
Location 对象属性
属性 | 描述 |
---|---|
hash | 设置或返回从井号 (#) 开始的 URL(锚)。 |
host | 设置或返回主机名和当前 URL 的端口号。 |
hostname | 设置或返回当前 URL 的主机名。 |
href | 设置或返回完整的 URL。 |
pathname | 设置或返回当前 URL 的路径部分。 |
port | 设置或返回当前 URL 的端口号。 |
protocol | 设置或返回当前 URL 的协议。 |
search | 设置或返回从问号 (?) 开始的 URL(查询部分)。 |
window.location.hash // 返回当前页面的完整url
window.location.hash(url); // 跳转到url地址的页面
// 假设当前页面为http://aaa.com/#/part
window.location.hash // #/part
window.location.hash = bbbb // 会将当前url的#后面更换为bbbb
Location 对象方法
属性 | 描述 |
---|---|
assign() | 加载新的文档。 |
reload() | 重新加载当前文档。 |
replace() | 用新的文档替换当前文档。 |
window.location.assign(url) : 加载 URL 指定的新的 HTML 文档。跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。
window.location.replace(url) : 加载 URL 指定的文档来替换当前文档,这个方法是替换当前窗口页面,前后两个页面共用一个窗口,所以是不能后退返回上一页的
JS BOM_history
History 对象包含用户(在浏览器窗口中)访问过的 URL。
History对象属性
属性 | 描述 |
---|---|
length | 返回浏览器历史列表中的 URL 数量。 |
History对象方法
方法 | 描述 |
---|---|
back() | 加载 history 列表中的前一个 URL。 |
forward() | 加载 history 列表中的下一个 URL。 |
go(Number/url) | 加载 history 列表中的某个具体页面。 |
window.history.back() // 返回上一个url页面
window.history.forward() // 前进到下一个url页面
window.history.go(-1) // 跳转到指定的某个页面,此时-1相当于back()
JS BOM_Navigator
Navigator 对象包含的属性描述了正在使用的浏览器。可以使用它的一些属性进行平台专用的配置。
以上是关于JS第十四小节的总结,下次再见😘