ホームページ > 記事 > ウェブフロントエンド > PhoneGapの使い方紹介 (5)ローカルストレージの実装方法
PhoneGapの使い方紹介 (5)ローカルストレージの実装方法
- 零下一度オリジナル
- 2017-05-03 10:27:271386ブラウズ
次のエディターは、ローカル ストレージに PhoneGap を使用する実装方法を示します。編集者はこれがとても良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして一緒に見てみましょう
例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Database Example</title>
<script type="text/javascript" charset="UTF-8" src="cordova.js"></script>
<script type="text/javascript" charset="UTF-8">
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
}
function storeName(){
var myName=document.getElementById("name").value;
window.localStorage.setItem("name",myName);//存储
var result=document.getElementById("result");
result.innerHTML="Your name is"+window.localStorage.getItem("name");//取出存储值
return false;
}
</script>
</head>
<body>
<form>
<p>What is your name?<br />
<input type='text' id='name' onkeyup='storeName()'></p>//键盘弹起
<input type='text' id='name' onblur='storeName()'></p>//焦点移到输入框外
</form>
<p id='result'>show content</p>
</body>
</html以上がPhoneGapの使い方紹介 (5)ローカルストレージの実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。