Web前端开发笔记之JS回顾09——BOM对象、本地存储

原创已于 2022-04-02 18:24:29 修改 · 348 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

于 2022-04-02 18:24:04 首次发布

Web前端开发——JS拓展专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了JavaScript中的BOM（浏览器对象模型）和DOM（文档对象模型），包括location对象用于页面跳转和参数传递，navigator对象获取浏览器信息，以及history对象管理浏览历史。此外，还讲解了本地存储机制，如localStorage和sessionStorage的使用方法，强调了JSON.stringify和parse在存储对象时的重要性。通过实例展示了如何存储和读取对象数据，阐述了同步与异步执行的区别，指出同步执行顺序固定而异步执行不保证顺序。

BOM对象：

JS执行机制：

JS是单线程语言。

同步异步理解：

同步和异步本质区别在于：执行顺序不同。

location对象：

search可用于不同页面之间的get表单数据传值。

navigator：

history：

本地存储：

用于暂时存储在本地，清理会丢失。下面说说使用方法：

LocalStorage：

存储的形式是以键值对存在的。

当我们存取对象时，一定要使用JSON方式。否则会造成数据转换性丢失。

<script>
    localStorage.setItem('object', JSON.stringify({
        name: 'PolarisX',
        age: 18,
        address: 'JS.NJ'
    }))
    console.log(JSON.parse(localStorage.getItem('object'))['name'])
    // console.log(tempObj)
    // document.write(localStorage.getItem('object')['name'])
</script>

sessionStorage: