ホームページ >ウェブフロントエンド >H5 チュートリアル >PhoneGap がローカル ストレージを実装する方法の概要
PhoneGap がローカル ストレージを実装する方法の概要
- 黄舟オリジナル
- 2017-05-21 14:46:321533ブラウズ
次のエディターは、ローカル ストレージに 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 がローカル ストレージを実装する方法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。