脚本宝典收集整理的这篇文章主要介绍了html5教程-HTML5 本地存储 localStorage SessionStorage StorageListener- 2，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

%setion
  %p= "localStorage"
  %aside
    %ul
      %li
        %button.add= "添加数据"
      %li
        %button.get= "获取数据"
      %li
        %button.remove= "移除数据"
      %li
        %button.click= "清除数据"
      %li
        %button.parse= "解析JSON数据"
    %section.localStorage

 

 

 

pie={};

pie.load = function(func){
  jQuery(function(){
    try{
      func();
    }catch(e){
      console.log("PIE: js加载错误 " + e);
    }
  });
}

 

pie.load ->
 
  $userData = {
    name:"Sankyu Name",
    account:"sankyu",
    level:1,
    disabled:true
  }

  localStorage.getItem("userData")
 
  jQuery('.get').on 'click', ->
    $localStorage = jQuery('.localStorage')
    $localStorage.html(localStorage.getItem("userData"))

  jQuery('.add').on 'click', ->
    $localStorage = jQuery('.localStorage')
    localStorage.setItem("userData",JSON.stringify($userData))
    $localStorage.html("增加成功")

  jQuery('.remove').on 'click', ->
    localStorage.removeItem("userData")
    $localStorage = jQuery('.localStorage')
    $localStorage.html("删除成功")

  jQuery('.click').on 'click', ->
    localStorage.clear
    $localStorage = jQuery('.localStorage')
    $localStorage.html("已清除")

  jQuery('.parse').on 'click', ->
    $parse = JSON.parse(localStorage.getItem("userData")).name
    $localStorage = jQuery('.localStorage')
    $localStorage.html($parse)

jQuery(window).on 'load', ->
    window.addEventListener("storage",
      ((e) ->
        console.log(e)
        $storage = jQuery('p .storage')
        $storage.html("删除成功")
      ),true)
    localStorage.clear
    localStorage.setItem("userData","storage demo")
    localStorage.setItem("userData", "storge event demo")

 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-HTML5 本地存储 localStorage SessionStorage StorageListener- 2全部内容，希望文章能够帮你解决html5教程-HTML5 本地存储 localStorage SessionStorage StorageListener- 2所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。