从手机缺口开始

时间:2014-11-04 18:54:24

标签: javascript html

我对电话缺口很新。我正在建立一个词汇应用程序作为一个项目。

就像在第一页上,如果我选择一个字母,在下一页上,它应该显示以该字母开头的单词。我在显示单词时遇到问题,这些单词仅从在前一页上单击的特定字母开始。我该怎么办?

function onDeviceReady()
      {
           if() 
           {
              document.getElementById("word").innerHTML="abase";
              document.getElementById("synonym").innerHTML="lower,degrade";
           }    


      }

这是第二页的代码。如果循环我应该传递什么? 以及它如何显示它

<table name="tb1" border="2">

<tr> 
<td>word</td>
<td>synonym</td>

</tr>
<tr>    
<td id="word"></td>
<td id="synonym"></td>
</tr>
</table>

1 个答案:

答案 0 :(得分:0)

您可以使用 HTML5本地存储功能,它在手机应用程序中运行良好。

(1)首先将用户输入的单词或字符保存在本地存储

var word =  document.getElementById("word").value ;
localStorage.setItem("searchword", JSON.stringify(word) );

(2)在第二页上,让它回来。

var a = JSON.parse(localStorage.getItem("searchword"));

使用本地存储,您还可以在应用中添加其他功能,以显示上次输入的字词的历史记录。只需在localstorage中创建一个数组,并使用它来保存用户输入。

稍后将清除本地存储中的所有数据。

localStorage.clear();

修改 为了识别用户选择了哪个按钮(字母),您必须创建一个函数来获取该按钮的标签或值,然后将其保存在本地存储中,如上所述。完成后,更改页面并检索存储的项目,并相应地显示结果。

例如:

//below js must run inside the first page
function saveSelectedChar() {
    var word =  document.getElementById("charA").value ; // charA is the button ID or value....its up to you either use ID or value to identify selected char
    localStorage.setItem("searchword", JSON.stringify(word) );

}

在第二页:

function showWords() {

      var char = JSON.parse(localStorage.getItem("searchword"));

       // now search in your dictionary object and show the results
       searchInDictionary( char );
}