Web Storage 사용 방법
6432 단어 HTML5webstorageJQUERY
HTML5 Web Storage 사용 방법
web_storage.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="web_storage.js"></script>
<title>Web Storage</title>
</head>
<body>
<h1>Web Storage</h1>
<h2>保存</h2>
<div>
<input type="text" id="text1">
<button type="button" id="saveButton">Save</button>
</div>
<h2>読込み</h2>
<div>
<button type="button" id="readButton">Read</button>
</div>
<p />
<div class="message">
</div>
<p />
Aug/15/2020<p />
</body>
</html>
web_storage.js
// ---------------------------------------------------------------
// test.js
//
// Aug/15/2020
//
// ---------------------------------------------------------------
jQuery(function()
{
jQuery('#saveButton').click(function(){
if(window.localStorage){
var ss = jQuery('#text1').val()
localStorage.setItem("key1", ss)
jQuery('#text1').val("")
}
})
jQuery('#readButton').click(function(){
if(window.localStorage){
value = localStorage.getItem("key1")
jQuery(".message").text(value)
// alert( localStorage.getItem("key1") );
}
})
})
// ---------------------------------------------------------------
1) 페이에 액세스
2) 저장
3) 로딩
Reference
이 문제에 관하여(Web Storage 사용 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ekzemplaro/items/06a171433f90cab85bc9텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)