EVENT2---cookie

• DOM事件绑定
  • DOM0级事件
    • 所有浏览器都支持
    • 事件只能注册一次，后面的会覆盖旧的
    • 注册
      • 在html上添加 <div onclick = "alert('hello')"><div> this指向自身
      • 匿名函数 d.onclick = function(){} this指向自身
      • 普通函数 onclick = "ok()"
        • 相当于动态调用
        • this指向window
        • 没有事件参数e的传递
  • DOM2级事件
    • IE
      • attachEvent(event,function) event 要加on
      • detachEvent(event,function)
    • 非IE
      • addEventListener(event,function,userCapyure)事件名称 回调函数 捕获冒泡
        • event 不能加句柄 on
        • userCapture 指定捕获还是冒泡
          • true 捕获 事件由父级向子级传递，称之为事件捕获
          • false 冒泡
      • removeEventListener(event,function
      • 滚轮事件
        • 非FF
          • mousewheel 都可以
          • event.wheelDelta
      • • FF
          • DOMMouseScroll 通过添加事件添加
          • event.detail
      • cookie
        • cookie的构成
          • 名称 一个唯一确定cookie的名称
          • 值 储存在cookie中的字符串值
          • 域 cookie对于哪个域是有效的
          • 路径 指定域中的指定路径
          • 失效时间 cookie何时应该被删除的时间戳
          • 安全标志 指定后，cookie只有在使用SSL连接时才发送到服务器（设置secure标志）
        • cookie的限制
          • 绑定在特定域名下，无法跨域
          • 浏览器对cookie数量的限制规定不同
            • (例如FF规定每个域名最多50个,而Safari和Chrome没有数量限制)
          • 所有cookie的累加长度限制为4KB，超长会被忽略
        • JS中的cookie document.cookie
          • 获取
            • 返回当前页面可用的所有cookie的字符串，由分号和空格隔开的一系列名值对（name1=value1;name2= value2;）
          • 添加
            • cookie的值必须写成key=value的形式，且等号两边不能有空格
            • 写入时必须对分号，逗号和空格进行转义（encodeURIComponent()方法）
            • 一次只能写入一个cookie，并且写入不能是覆盖，而是添加
            • cookie的属性
              • 除了cookie本身的内容，还有部分可选属性可以被写入，必须都以分号开头
                • value 必须项，用于指定cookie的值
                • expires 指定cookie过期时间
                • domain 指定cookie所在域名
                  • 只有访问的域名匹配domain属性，cookie才会发送到服务器
                • path属性 指定路径 必须是绝对路径
                • secure 指定cookie只能在加密协议https下发送到服务器
                • httpOnly 设置该cookie不能被JS读取
      • 本地存储
        • window.localStorage 本地存储，存储的数据没有过期时间
          • 语法：mySrorage = localSrorage；返回一个Storage对象
          • 添加：localStorage.setltem('key','value');
          • 获取：localStorage.getltem('key');
          • 移除： localStorage.removeltem('key');
          • 清空： localStorage.clear();不接受参数，清空存储对象里的所有数据
          • 注：各浏览器支持的localStorage容量上限不同
        • window.sessionStorage 会话存储，存储的数据会在浏览器会话结束时被清除（即浏览器关闭时）
          • 语法： myStorage = sessionStorage； 返回一个Storage对象
          • 添加：sessionStorage.setltem('key', 'value');
          • 获取： sessionStorage.getltem('key');
          • 移除：sessionStorage.removeltem('key');
          • 清空 ：sessionStorage.clear(); 不接受参数，清空存储对象里的所有数据
          • 注：各浏览器支持的sessionStorage容量上限不同
        • 面试题：如何实现跨页面传值
          • 1.a标签 或者 location.href
          • 2.存储（cookie ，localStorage，sessionStorage）
        • cookie localStorage sessionStorage 的区别
          • 1.cookie存储量小受到限制，设置过期时间删除，前后端自动同步
          • 2.localStorage 存储量大，需手动删除
          • 3.sessStorage 临时存储，关闭浏览器自动删除