JS学习之路--14

注意
该文章由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第十四小节的总结,下次再见😘

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么...
    霜天晓阅读 896评论 0 0
  • 什么是BOM BOM:Browser Object Model 浏览器对象模型BOM是JavaScript组成之一...
    ZombieBrandg阅读 695评论 0 1
  • nest.js团队选用TypeORM作为与数据库互动的库,TypeORM也是以Typescript开源的项目 ne...
    cbw100阅读 2,386评论 0 1
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,538评论 1 11
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,798评论 0 8