SessionStorage與localStorage的區(qū)別與使用

需求:

①頁面滾動,將滾動位置存到session中?→

②再次進到頁面中器赞,到session中取出上次保存的瀏覽位置?

?③滾動到對應(yīng)位置

這里只介紹setItem和getItem内狸,當然還有什么removeItem刪除key、clear清除所有的key/value操作。

  setItem存儲value

用途:將value存儲到key字段

用法:.setItem( key, value)

代碼示例:

sessionStorage.setItem("key","value"); localStorage.setItem("site","js8.in");

  getItem獲取value

用途:獲取指定key本地存儲的值

用法:.getItem(key)

代碼示例:

var value= sessionStorage.getItem("key");var site= localStorage.getItem("site");//滾動時保存滾動位置

$(window).scroll(function(){

if($(document).scrollTop()!=0){

sessionStorage.setItem("offsetTop",$(window).scrollTop());//保存滾動位置

   }});

//onload時魄幕,取出并滾動到上次保存位置


window.onload =function()

{

var _offset =sessionStorage.getItem("offsetTop");

$(document).scrollTop(offsetTop);

};

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末陕贮,一起剝皮案震驚了整個濱河市匣屡,隨后出現(xiàn)的幾起案子城看,更是在濱河造成了極大的恐慌,老刑警劉巖杏慰,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件测柠,死亡現(xiàn)場離奇詭異炼鞠,居然都是意外死亡,警方通過查閱死者的電腦和手機轰胁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進店門谒主,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赃阀,你說我怎么就攤上這事霎肯。” “怎么了榛斯?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵观游,是天一觀的道長。 經(jīng)常有香客問我驮俗,道長懂缕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任王凑,我火速辦了婚禮搪柑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘索烹。我一直安慰自己工碾,他們只是感情好,可當我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布百姓。 她就那樣靜靜地躺著渊额,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瓣戚。 梳的紋絲不亂的頭發(fā)上端圈,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天,我揣著相機與錄音子库,去河邊找鬼舱权。 笑死,一個胖子當著我的面吹牛仑嗅,可吹牛的內(nèi)容都是我干的宴倍。 我是一名探鬼主播,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼仓技,長吁一口氣:“原來是場噩夢啊……” “哼鸵贬!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起脖捻,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤阔逼,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后地沮,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嗜浮,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡羡亩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了危融。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片畏铆。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖吉殃,靈堂內(nèi)的尸體忽然破棺而出辞居,到底是詐尸還是另有隱情,我是刑警寧澤蛋勺,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布瓦灶,位于F島的核電站,受9級特大地震影響迫卢,放射性物質(zhì)發(fā)生泄漏倚搬。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一乾蛤、第九天 我趴在偏房一處隱蔽的房頂上張望每界。 院中可真熱鬧,春花似錦家卖、人聲如沸眨层。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽趴樱。三九已至,卻和暖如春酪捡,著一層夾襖步出監(jiān)牢的瞬間叁征,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工逛薇, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留捺疼,地道東北人。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓永罚,卻偏偏與公主長得像啤呼,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子呢袱,可洞房花燭夜當晚...
    茶點故事閱讀 44,884評論 2 354