久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  行業(yè)資訊  > JavaScript全解析——本地存儲

JavaScript全解析——本地存儲

來源:千鋒教育
發(fā)布人:zyh
時間: 2023-06-02 10:11:00 1685671860

  ●就是瀏覽器給我們提供的可以讓我們在瀏覽器上保存一些數(shù)據(jù)

  ●常用的本地存儲

  ○ localStorage

  ○sessionStorage

本地存儲

  localStorage

  => 特點:

  -> 長期存儲,除非手動刪除否則會一直保存在瀏覽器中 清除緩存或者卸載瀏覽器也就沒有了

  -> 可以跨頁面通訊, 也就是說在一個頁面寫下在另一個頁面可以讀取

  => 保存

  -> 語法: window.localStorage.setItem(名字,值)

  -> 注意: 只能保存字符串類型的數(shù)據(jù),其它數(shù)據(jù)類型不能被保存

  => 獲取

  -> 語法: window.localStorage.getItem(名字)

  -> 注意: 保存的是字符串類型,取出來的也是字符串類型

  -> 返回值:

  + 如果localStorage 中有這條數(shù)據(jù) 拿到的就是這個條數(shù)據(jù)的值

  + 如果localStorage 中沒有這條數(shù)據(jù) 拿到的就是 null

  => 刪除

  -> 語法: window.localStorage.removeItem(名字)

  -> 作用: 就是刪除localStorage中該條數(shù)據(jù) 

// 保存
var num = 200
window.localStorage.setItem('a', num)
// 獲取
var res = window.localStorage.getItem('b')
console.log(res);
console.log(typeof res);
// 刪除
window.localStorage.removeItem('a')

  sessionStorage

  => 特點:

  -> 會話存儲,就是瀏覽器關(guān)閉就沒有了

  -> 可以跨頁面通訊(有要求)

  -> 要求:必須是本頁面跳轉(zhuǎn)才可以

  ->

  => 保存

  -> 語法: window.sessionStorage.setItem(名字,值)

  -> 注意: 只能保存字符串類型的數(shù)據(jù),其它數(shù)據(jù)類型不能被保存

  => 獲取

  -> 語法: window.sessionStorage.getItem(名字)

  -> 注意: 保存的是字符串類型,取出來的也是字符串類型

  -> 返回值:

  + 如果 sessionStorage 中有該條數(shù)據(jù) 獲取到的就是該條數(shù)據(jù)的值

  + 如果 sessionStorage 中沒有該條數(shù)據(jù) 拿到的就 null

  => 刪除

  -> 語法: window.sessionStorage.removeItem(名字)

  -> 作用: 就是刪除 sessionStorage 中的這條數(shù)據(jù) 

// 保存
window.sessionStorage.setItem('a', 300)
// 獲取
var res = window.sessionStorage.getItem('a')
console.log(res);
console.log(typeof res);
// 刪除
window.sessionStorage.removeItem('a')

  瀏覽器本地存儲 - cookie

  特點:

  1. 只能存儲字符串, 有固定的格式

  => key=value; key2=value2; key3=value3

  2. cookie 存儲大小有限制

  => 4KB 左右

  3. 存儲的時效性

  => 默認是會話級別時效, 可以手動設(shè)置過期時間

  4. 操作必須依賴服務(wù)器

  => 本地打開的頁面是不能操作 cookie

  => 也就是存存不上 , 讀讀不出來

  => 要求頁面必須在服務(wù)器打開

  5. 跟隨前后端請求自動攜帶

  => 只要 cookie 空間中有內(nèi)容的時候

  => 會在該頁面和后端交互的過程中自動攜帶

  6. 前后端操作

  => 前端可以使用 JS 來操作

  => 任何一個后端語言都可以操作

  7. 存儲依賴域名

  => 哪一個域名存儲, 哪一個域名使用

  => 不能跨域名通訊

  cookie 的操作

  設(shè)置一條 cookie

  ●語法: document.cookie = 'key=value'  

// 設(shè)置一條 cookie
// 設(shè)置了一條叫做 a 的 cookie 存儲的值是 100
document.cookie = 'a=100'
// 設(shè)置了一條叫做 b 的 cookie 存儲的值是 200
document.cookie = 'b=200'

// 設(shè)置一條帶有過期時間的 cookie
var time = new Date()
document.cookie = 'a=100;expires=' + time
// 設(shè)置一條 30s 以后過期的 cookie
var time = new Date()
time.setTime(time.getTime() - 1000 * 60 * 60 * 8 + 1000 * 30)
// console.log(time)
document.cookie = 'a=100;expires=' + time

  獲取 cookie

  ●語法: document.cookie

  ● 返回值: 完整的 cookie 字符串 

console.log(document.cookie)

tags: 本地存儲
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學 138****2860 剛剛成功領(lǐng)取
王同學 131****2015 剛剛成功領(lǐng)取
張同學 133****4652 剛剛成功領(lǐng)取
李同學 135****8607 剛剛成功領(lǐng)取
楊同學 132****5667 剛剛成功領(lǐng)取
岳同學 134****6652 剛剛成功領(lǐng)取
梁同學 157****2950 剛剛成功領(lǐng)取
劉同學 189****1015 剛剛成功領(lǐng)取
張同學 155****4678 剛剛成功領(lǐng)取
鄒同學 139****2907 剛剛成功領(lǐng)取
董同學 138****2867 剛剛成功領(lǐng)取
周同學 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
PMP?認證榮獲北京市境外職業(yè)資格認可!

北京市人力資源和社會保障局、北京市人才工作局近日發(fā)布了關(guān)于印發(fā)《北京市境外職業(yè)資格認可目錄(3.0版)》的通知,新版目錄境外職業(yè)資格清單...詳情>>

2023-09-07 17:27:00
怎么選擇靠譜的短視頻運營培訓機構(gòu)?

怎么選擇靠譜的短視頻運營培訓機構(gòu)?5G時代的來臨,短視頻作為新媒體中最為主流的內(nèi)容更加方便用戶瀏覽觀看信息,因此抖音、快手這類的短視頻平...詳情>>

2023-09-07 15:05:06
全媒體短視頻運營好就業(yè)么?

全媒體短視頻運營好就業(yè)么?現(xiàn)在學習互聯(lián)網(wǎng)運營可不能只會單個的運營技術(shù),企業(yè)更喜歡全能型人才。如今的互聯(lián)網(wǎng)世界有多種平臺,新媒體、短視頻...詳情>>

2023-09-07 14:49:25
短視頻運營培訓機構(gòu)有用嗎?

短視頻運營培訓機構(gòu)有用嗎?短視頻的火熱,催生了一大批的網(wǎng)絡(luò)紅人、網(wǎng)紅賬號,這些短視頻賬號通過實現(xiàn)粉絲流量變現(xiàn),獲得了非常豐厚的收入,自...詳情>>

2023-09-06 13:49:12
大數(shù)據(jù)分析就業(yè)高薪崗位介紹

大數(shù)據(jù)分析就業(yè)高薪崗位介紹?大數(shù)據(jù)行業(yè)是一個快速發(fā)展的行業(yè),其主要特征是數(shù)據(jù)規(guī)模龐大、種類多樣、處理復(fù)雜。目前,大數(shù)據(jù)行業(yè)已經(jīng)成為全球...詳情>>

2023-09-06 13:42:47
開班信息
北京校區(qū)
  • 北京校區(qū)
  • 大連校區(qū)
  • 廣州校區(qū)
  • 成都校區(qū)
  • 杭州校區(qū)
  • 長沙校區(qū)
  • 合肥校區(qū)
  • 南京校區(qū)
  • 上海校區(qū)
  • 深圳校區(qū)
  • 武漢校區(qū)
  • 鄭州校區(qū)
  • 西安校區(qū)
  • 青島校區(qū)
  • 重慶校區(qū)
  • 太原校區(qū)
  • 沈陽校區(qū)
  • 南昌校區(qū)
  • 哈爾濱校區(qū)