BOM知识复习

js : ECMAScript对象（array，object,Math,Date）DOM(document) BOM

    1.window对象 : 是js中的顶级对象, 所有的全局方法和属性都是window对象的成员
    2. 只要是window对象的成员，使用时一律可以省略window
    3. window对象有一个特殊的属性叫做top, 指向window本身 （变量名不能用top）

声明变量最好不要跟dom里面的属性完全一致,例如 :top left right 一般会使用驼峰

windows方法

        1. 打开窗口  window.open()

/第一个参数url :网址

        第二个参数target:_blank(默认) _self:当前页面打开
        第三个参数 新窗口尺寸:可以实现窗中窗功能
        第四个参数 可选参数 replace :是否替换历史记录
        2. 关闭窗口  window.close()
    三：事件
        1. window.onload = function(){}
            * 加载事件 ： DOM树 + 外部资源
        2. window.onbeforeunload = function(){}
            * 关闭事件： 页面关闭之前执行（存储数据）

location对象 ： 浏览器地址栏 url
a标签href:用于无条件渲染.没有逻辑性,点我100%跳转.例如:订单.商品详情
location.href:用于js具有逻辑性跳转,例如登录(只有成功才登录)

        1.重点掌握： location.href = 'url'
        2.三个方法

location.assign('url') : 跳转网页,可以回退
location.replace('url') : 替换网页,不可以回退
location.reload('url') : 刷新网页,相当于f5,一般用于移动端

history对象 ： 历史记录

        history.back() : 回退上一页
        history.forward() : 前进下一页
        history.go(数字) :跳转指定的历史记录
        0:跳转自己,相当于刷新
        负数:回退 -1 回退1页 -2回退2页
        正数:前进 1 前进一页  2前进2页

navigator对象 ： 用户信息

        用途：收集用户信息

console.log(navigator)//对象
console.log(navigator.userAgent)//用户代理： 用户设备信息+浏览器信息

screen : 用户电脑屏幕 （了解，不常用）

存储对象

1.localStorage : 本地存储

        经典应用:本地登录
    2.语法 ：   
        存数据 ：  localStorage.setItem('属性名', 属性值)
        取数据 ：  localStorage.getItem('属性名') 有返回值
        删数据 :    localStorage.removeItem('属性名')
        清空数据 : localStorage.clear()
    3.注意点 ：
        3.1.localStorage是永久存储的,除非手动删除,否则一直存在
        3.2只能存储字符串,如果是其他类型,则编译器会自动帮你转成字符串存储
       

2.sessionStorage :

        * 经典场景： 页面间传值
    语法 ：   
        存数据 ：   sessionStorage.setItem('属性名', '属性值')
        取数据 ：  sessionStorage.getItem('属性名')
        删数据 :  sessionStorage.removeItem('属性名e')
        清空数据 :ssionStorage.clear()
    .注意点 ：
        

    *** localStorage与sessionStorage区别（异同点）
        * 相同点：只能存储字符串,如果是其他类型,则编译器就会自动帮你转成字符串.
        * 不同点： ssionStorage是临时存储的,只要页面已关闭,数据就自动请空.

JSON

1.JSON是什么: 是一种数据格式，本质字符串

        * JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。
    2.JSON作用 :  解决数据 跨平台兼容性
        * 在实际开发中,我们前端要经常与服务器(后端)进行数据交互。而前端与后端编程语言不同。
        前端： js , 后端： java、c++ 、 php 、 python 、 .net 、 c# 、 go 等等
        不同的编程语言数据类型不一致。无法互通的 。 为了可以让不同的编程语言之间可以进行数据交互，后来人们发明了一种所有编程语言都通用的格式 ： 叫做 JSON 。
    3.JSON语法 :  
            js对象 > json
            json > js
        json -> js :   let jsObj = JSON.parse( json格式 )
        js -> json :   let jsonStr = JSON.stringify( js对象 )