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")

%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教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！