• DOM事件綁定
  • DOM0級事件
    • 所有的瀏覽器都支持
    • 事件只注冊一次，后邊的會被覆蓋舊的
    • 注冊
      • 在html上添加
        • <div onclick = "alert('hello')"></div>
      • 匿名函數
        • d.onclick = function(){}
          • this指自身
      • 普通函數
        • οnclick="ok()"
          • 相當于動態調用
          • this指向window
          • 沒有事件參數e的傳遞
  • DOM2級事件
    • IE
      • attachEvent(event,function)
        • event 要加on
      • detachEvent(event.function)
    • 非IE
      • addEventListener(event,function,userCapture)
        • event 不能加句柄on
        • userCapture指定捕獲還是冒泡
          • true
            • 捕獲
          • false
            • 冒泡
• 滾輪事件
  • FF
    • DOMMouseScroll
      • 通過添加事件添加
    • event.detail
  • 非FF
    • mousewheel
      • 都可以
    • event.wheelDelta
• cookie
  • cookie的構成
    • 名稱
      • 一個唯一確定cookie的名稱
    • 值
      • 儲存在cookie中的字符串值
    • 域
      • cookie對于哪個域是有效的
    • 路徑
      • 指定域中的指定路徑
    • 失效時間
      • cookie何時應該被刪除的時間戳
    • 安全標志
      • 指定后，cookie只有在使用SSL連接時才發送到服務器（設置secure標志）
  • cookie的限制
    • 綁定在特定域名下，無法跨越
    • 瀏覽器對cookie數量的限制規定不同
    • 所有cookie的累加長度限制為4kb，超長被忽略
  • JS中的cookie
    • document.cookie
      • 獲取
        • 返回當前頁面可用的所有cookie的字符串，由分號和空格隔開的一系列名值對
      • 添加
        • cookie的值必須寫成key=value的形式，且等號兩邊不能有空格
        • 寫入時必須對分號，逗號和空格進行轉義
        • 一次只能寫一個cookie，并且寫入不是覆蓋，而是添加
        • cookie的屬性
          • value必填項，用于指定cookie的值
          • expires指定cookie過期時間
          • domain指定cookie所在域名
          • path屬性 指定路徑，必須是絕對路徑
          • secure 指定cookie只能在加密協議https下發送到服務器
          • httpOnly 設置該cookie不能被JS讀取
• 本地存儲
  • window.localStorage
    • 本地存儲，存儲的數據沒有過期時間
      • 語法：myStorage=localStorage;返回一個Storage對象
      • 添加：localStorage=localStorage（'key','value'）;
      • 獲取：localStorage.getltem（'key'）;
      • 移除：licalStorage.removeltem('key');
      • 清空：localStroage.clear();不接收參數，清空存儲對象里的所有數據
      • 注：各瀏覽器支持的localStorage容量上限不同
  • window.seessionStorage
    • 會話存儲，存儲的數據會在瀏覽器會話結束時被清除（即瀏覽器關閉時）
      • 添加：myStorage=localStorage;返回一個Storage對象
      • 獲取：localStorage=localStorage（'key','value'）;
      • 移除：localStorage.getltem（'key'）;
      • 清空：localStroage.clear();不接收參數，清空存儲對象里的所有數據
      • 注：各瀏覽器支持的sessionStorage容量上限不同

總結

以上是生活随笔為你收集整理的EVENT2---cookie的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。