时间对象

1.年月日 时分秒

语法:new Date(参数)
参数: 可以是数值类型 可以是字符串
返回值:当前时间

2.获取指定时间

先定义var time=new Date();

获取:

    年:time.getFullYear()
    月:time.getMonth()
    日:time.getDate()
    周几:time.getDay()
    时:time.getHours()
    分:time.getMinutes()
    秒:time.getSeconds()

    !!系统设定月份从0开始 11结束 类似索引的意思 如果设定12月 会自己转换为0也就是1月 
    天数也一样 超过该月的日期 会自动转化为下一个月的第几天

3.BOM

BOM是浏览器对象模型
    也就是 浏览器给我们提供的一系列方法
    js中有一个全局作用域 window BOM方法都存储在里面
    语法:window.xxx   window可以忽略

1.获取浏览器窗口尺寸
    window.innerHeight
    window.innerWidth

2.浏览器的弹出层 (confirm / alert / prompt)
    window.confirm('')

3.浏览器的地址信息 
    window 有一个 location 内部记录了浏览器的地址信息
    location 中有一个 href 属性, 可以获取当前浏览器的地址, 也可以给他赋值新地址, 实现页面跳转效果

    window.location.href = 'https://www.baidu.com/'

4.浏览器的刷新功能
    window 对象内部有一个 location 他的内部有一个刷新方法 reload

    window.location.reload()
     
5. 浏览器的历史记录(模拟左上角的回退与前进)
      
    window 内部有一个 history 内部有方法能够让我们能实现浏览器的 前进回退功能

    window.history.back()      回退
    window.history.forward()   前进(必须要先有回退, 才能使用前进)

6.onload事件
      
    等页面的所有资源加载完毕后在执行

    window.onload = function () { 程序  }

7.浏览器的 onscroll 事件
    页面滚动时触发的事件
    window.onscroll = function () { 
        需要使用document 对象获取
        document.body.scrollTop  在浏览器中声明了
        document.documentElement.scrollTop  在浏览器没有声明
     }

8.本地存储(面试必问)

    1. localStorage (永久存储)
        浏览器的本地存储, 打开浏览器存储上数据之后, 关闭浏览器, 信息还在localStorage中

        存储语法: window.localStorage.setItem(key, value)
        

    2. sessionStorage   (临时存储)
        浏览器的本地存储,页面关闭直接清除数据

        语法: window.sessionStorage.setItem(key, value)

    3.cookie    (临时存储)
        回话级,浏览器本地存储,页面关闭,存储消失,可以手动配置
    
    !!注意: value 的值必须为 字符串
            key 的书写 符合见名知意

localstorage/sessionstorage/cookie的区别

1.localstorage与cookie的区别

    出现时间:
        cookie: 在js出现的时候就有了
        localstorage:在H5出现之后才有的

    存储大小:
        cookie:4KB
        localstorage:20MB

    前后端交互  (前段向后端发送请求)
        cookie:交互请求时 默认携带cookie
        localstorage:交互时不会自动携带,除非前段人员配置

    前后端操作
        cookie:前后端都可以操作
        localstorage:只能前段js可以操作

    过期时间
        cookie:回话级,页面关闭,存储的数据消失,可手动配置
        localstorage:永久存储,除非手动清除,不可以手动配置

2.localstorage与 sessionstorage的区别

    过期时间
        localstorage:永久存储,除非手动清除
        sessionstorage:回话级,页面关闭,存储消失