Javascript 如何使用网络存储？_Javascript

Javascript 如何使用网络存储？

javascript

Javascript 如何使用网络存储？,javascript,Javascript,我想使用webstorage来保存并获得一些价值。这是我的密码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Note

我想使用webstorage来保存并获得一些价值。这是我的密码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Note app</title>
<link rel="stylesheet" href="CSS/jquery.mobile-1.4.5.css">
<script src="JS/jquery.js"></script>
<script src="JS/jquery.mobile-1.4.5.js"></script>
<script type="text/javascript">
function saveNote() {
    localStorage.setItem("note", jQuery("#note").val());


function retrieveNote() {
    jQuery('#note').val(localStorage.getItem("note"));

}
</script>
</head>
<body>
<div data-role="page"id="Home">
<div data-role="header">
<h1>Note app</h1>
</div>
<div role="main" class="ui-content">
<textarea type="text" id="note" class="input-inline"></textarea>
<a href="#" data-role="button" onclick="saveNote()" style="width:120px;margin:auto">Save note</a>
<a href="#" data-role="button" onclick="retrieveNote()" style="width:150px;margin:auto">Retrieve note</a>
</div>
<div data-role="footer">
<h1>test</h1>
</div>
</div>
</body>
</html>


便笺应用程序
函数saveNote（）{
setItem（“note”，jQuery（“note”）.val（）；
函数retrieveNote（）{
jQuery（'#note'）.val（localStorage.getItem（“note”）；
}
便笺应用程序
测试

问题是，当我单击“检索/保存”按钮时，什么也没有发生。我应该如何使这些按钮工作？

我正在

中测试它。您很接近，但有几个错误。首先，您需要关闭第一个函数

请参阅下面的工作代码

<script>
 function saveNote() {
    localStorage.setItem("note", jQuery("#note").val());
}

function retrieveNote() {
    jQuery('#noteRetrieve').text(localStorage.getItem("note"));
}
</script>


函数saveNote（）{
setItem（“note”，jQuery（“note”）.val（）；
}
函数retrieveNote（）{
jQuery（'#noteRetrieve'）.text（localStorage.getItem（“note”））；
}


便笺应用程序
测试

您的函数应该关闭。它应该有正确的开始{和正确的结束}

除此之外，它应该工作得很好。

您可以阅读有关webstorage的更多信息。

第一个函数没有关闭。我想您应该在javascript控制台上有一个错误。谢谢，但是当我在Firefox或此验证程序中启动此代码时（第一篇文章中的链接）这些按钮仍然不起任何作用。@pilovsky在第一篇文章中将代码添加到链接时对我有效。复制javascript和html并替换正文标记之间链接中的代码。是的，我做到了，我看到了两个按钮和文本字段。所以让我问你，如果单击“检索按钮”，会发生什么？当您单击“检索”按钮时，它将从本地存储中获取项目，并将其作为文本放置在id为

retrieveText

的div中，这似乎很清楚，但为什么它不显示任何内容？以下是我的步骤：1.放置“ABC”“在文本字段2中。单击“保存”按钮3。从文本字段4中删除“ABC”。单击“检索”按钮，它不会显示任何内容，我希望它会显示ABC。”