Javascript - html本地存储 - 存储和调用文本输入作为变量

时间:2014-09-15 16:33:16

标签: javascript android html cordova local-storage

这是我的html页面的基本结构。 单击

rememberer,将输入文本框中的数据作为字符串存储到本地存储中。 单击

重新计算器,将存储的数据加载到

recalledtext。 我正在开发这个用于Phone Gap。

<input type="text" id="textline" />

<p id="rememberer" onclick='myfunction1()'>remember text</p>
<p id="recaller" onclick='myfunction2()'>recall text</p>

<p id="recalledtext" >Loading</p>

代码如下

function myfunction1(){
//remember code
var texttosave = document.getElementById('textline').innerHTML ;
localStorage.mynumber = texttosave;
}


function myfunction2(){
//recall code
document.getElementById('recalledtext').innerHTML = localStorage.mynumber; 
}

我很困惑为什么这段代码不起作用。 此外,我需要知道我是否可以单独使用此代码,而无需使用phoneGap API来存储即使在会话关闭并稍后打开也可以调用的数据。

请分享您的经历。

1 个答案:

答案 0 :(得分:1)

查看会话和本地存储的documentation - 它定义了获取和设置存储密钥的方法

您将希望像setItemgetItem那样使用:

function myfunction1(){
    //remember code
    var texttosave = document.getElementById('textline').innerHTML ;
    localStorage.setItem('mynumber', texttosave);
}


function myfunction2(){
    //recall code
    document.getElementById('recalledtext').innerHTML 
           = localStorage.getItem('mynumber'); 
}

还有其他一些有用的方法,例如removeItem(key)

适用于Phonegap API以及标准浏览器实施 - 如果支持window.localStorage