HTML5 데이터가 로컬 기억 장치에 저장되지

<html> 
<head> 
<title></title> 
<style type="text/css"> 
    body 
    { 
     font-family: tahoma; 
    } 
    h2 
    { 
     font-weight: bold; 
     border-bottom: 2px solid gray; 
     margin-bottom: 10px; 
    } 
    #data 
    { 
     border: 1px solid grey; 
    } 
</style> 
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
</head> 
<body> 
<script type="text/javascript">  
    var prefix = "HTML5LocalStorage-"; 
    $("#save").click(function() { 
     var key = $("#key").attr('value'); 
     var value = $("#value").attr('value'); 
     localStorage.setItem(prefix + key, value);   
     RewriteFromStorage(); 
    }); 

    function RewriteFromStorage() { 
     $("#data").empty(); 
     for (var i = 0; i < localStorage.length; i++) 
     { 
      var key = localStorage.key(i); 
      if (key.indexOf(prefix) == 0) { 
       var value = localStorage.getItem(key);     
       var shortkey = key.replace(prefix, ""); 
       $("#data").append(
      $("<div class='kvp'>").html(shortkey + "=" + value) 
       .append($("<input type='button' value='Delete'>") 
         .attr('key', key) 
         .click(function() { 
          localStorage.removeItem($(this).attr('key')); 
          RewriteFromStorage(); 
         }) 
        ) 
     ); 
      } 
     } 
    } 

    RewriteFromStorage(); 
</script> 
<h2> 
    LocalStorage Demo</h2> 
<div id="data"> 
</div> 
<hr /> 
<span>Key</span><input type="text" id="key" /><span>Value</span><input type="text" 
    id="value" /> 
<input type="button" id="save" value="Save" />

I는 localstorage.htm 페이지 (비주얼 스튜디오 2010)에서 코드 라인 위에 기록했지만, 출력 버튼 click.What 실수에 아무것도 난은 아무 말을 이 기술에 익숙하지 않습니다.HTML5 데이터가 로컬 기억 장치에 저장되지

는

출처

2013-02-26 shankar.parshimoni

나는이 링크를 참조했다. http://jsfiddle.net/Benjol/HMEVd/ –

이것이 관련이 있는지는 모르겠지만, IE의'localStorage'는 로컬 페이지에서 작동하지 않습니다. – Teemu

아마 당신의 문제와 관련이 없지만,'.attr ('value')'는 완전히 잘못되었습니다. 현재'value'는 속성이 아닌 속성이며, 사용해야하는'.val()'이라는 get/set을위한 내장 된 jQuery 함수가 있습니다. –

의 문제가이있다 :

var key = $("#key").attr('value'); 
    var value = $("#value").attr('value');

이 (가) 문제보고 다음을 추가 입력의 값을 얻을 수

alert(key + ' ' + value);

사용 val INSEAD을 ...

var key = $("#key").val();

see this working in my JSFiddle하실 수 있습니다.

출처

2013-02-26 11:51:19 Fenton

js fiddle없이 시도해 보셨습니까? wriiten 스크립트 태그가있는 곳 (머리 또는 본문 내) ... –

스크립트는 onload 이벤트에서 실행되므로 원하는 곳에 첨부 할 수 있습니다. 'onload' 이벤트. 나는 대개 '' 태그 바로 전에 스크립트로 배치합니다. – Fenton

HTML5 데이터가 로컬 기억 장치에 저장되지

답변

관련 문제