Javascript 如何创建';添加到收藏夹';html cordova android应用程序中的功能?

Javascript 如何创建';添加到收藏夹';html cordova android应用程序中的功能?,javascript,html,cordova,phonegap-build,Javascript,Html,Cordova,Phonegap Build,我正在使用phonegap创建一个歌曲集应用程序。在index.html中,我有li标签中的歌曲列表。当我点击某首歌时,它会在另一个本地html文件中打开该歌的歌词 我想添加一个“收藏夹按钮”。单击“收藏夹”按钮时,我希望将特定歌曲添加到收藏夹列表中。当用户打开收藏夹页面时,它应该显示他们最喜爱的歌曲列表,当用户在收藏夹页面中单击歌曲时,它应该打开特定歌曲的歌词html页面 我是HTML的中级用户,也是JavaScript的初学者 请帮我完成这件事 提前感谢。因为这是一个“相当广泛”的问题,很难

我正在使用phonegap创建一个歌曲集应用程序。在index.html中,我有
li
标签中的歌曲列表。当我点击某首歌时,它会在另一个本地html文件中打开该歌的歌词

我想添加一个“收藏夹按钮”。单击“收藏夹”按钮时,我希望将特定歌曲添加到收藏夹列表中。当用户打开收藏夹页面时,它应该显示他们最喜爱的歌曲列表,当用户在收藏夹页面中单击歌曲时,它应该打开特定歌曲的歌词html页面

我是HTML的中级用户,也是JavaScript的初学者

请帮我完成这件事


提前感谢。

因为这是一个“相当广泛”的问题,很难找到答案,但我建议制作一个数组,将喜爱的歌曲存储到其中,然后当您打开favorites.html页面时,它会获取数组,并将信息写入页面

e、 g.当在歌曲页面上单击收藏夹按钮时,它会写入:歌曲名称(exampleSong)、歌曲页面(exampleSong.html)以及您需要的其他随机详细信息,并且转到favorites.html应获得一个可读取数组并写入页面的文档就绪函数

对不起,我帮不了你那么多,但这是一个非常广泛的问题

如果您需要帮助,下面是我创建的一些示例

(这将获取收藏夹数组,并将其打印出来)

var收藏夹=[
[“ExampleSong”,“ExampleSong.html”],
[“LordDirtColsong”、“LordDirtColsong.html”],
[“StackOverflowIsAwesome”,“StackOverflowIsAwesome.html”]
];
var containerA=document.getElementById(“favoritesA”);
用于(收藏夹中的变量i)
{
对于(收藏夹中的变量j[i])
{
var newElement=document.createElement(“p”);
newElement.innerHTML=收藏夹[i][j];
containerA.appendChild(新元素);
}
}
var containerB=document.getElementById(“favoritesB”);
用于(收藏夹中的变量i)
{
var newElement=document.createElement(“p”);
newElement.innerHTML=“最喜爱的歌曲”+i+”;
containerB.appendChild(新元素);
对于(收藏夹中的变量j[i])
{
var newElement=document.createElement(“p”);
newElement.innerHTML=收藏夹[i][j];
containerB.appendChild(新元素);
}
}
var containerC=document.getElementById(“favoritesC”);
用于(收藏夹中的变量i)
{
var newElement=document.createElement(“p”);
newElement.innerHTML=“最喜爱的歌曲”+i+”;
container.appendChild(新元素);
对于(收藏夹中的变量j[i])
{
如果(j==1){
}否则{
var newElement=document.createElement(“p”);
newElement.innerHTML=“”;
container.appendChild(新元素);
}
}
}
。收藏歌曲{
边框:2件纯黑;
显示:块;
}


示例1A:打印收藏夹
示例1B:使用格式打印收藏夹
示例1C:链接到页面

您好,我找到了一个使用

首先,我们将创建一个本地存储并将歌曲详细信息存储在该本地存储密钥中。 然后,我们将使用localStorage.getItem(key)在favorite.html中检索该信息

下面是我的第一首歌song1.html的代码 按下按钮后,歌曲链接将附加到本地存储器

添加到收藏夹
函数mySong(){
setItem(“favsong”和“”);
}
函数appendToStorage(名称、数据){
var old=localStorage.getItem(名称);
如果(old==null)old=“”;
setItem(名称,旧+数据);
}
函数mySongOne(){
附件存储(“favsong”和“);
}

请访问,并查看和。做一些研究,搜索相关话题等;如果您遇到困难,请发布一篇您的尝试,记录输入和预期输出。“入门”问题与SO无关。好的,我将开始编写itAny代码?如果人们有一些源代码可以改进,他们可以帮助你更容易。对不起,我在制作示例时玩得太开心了,我不知道我在这个xDIt上工作了多长时间。你应该很容易做到这一点并定制它。嗨,尽管入门问题不允许进入,但谢谢你帮助我。