Javascript 如果网页放在U盘上,如何保存网页中的数据

Javascript 如果网页放在U盘上,如何保存网页中的数据,javascript,html,Javascript,Html,我想做一个小的html测试,可以从任何平台上的U盘上的浏览器开始 这个测验真的很简单。用户打开网页,看到的是第一个问题。他可以点击答案A、B、C或D。在用户点击A、B、C或D后,他会得到正确的答案和一条消息,如果他是对的或错的。然后他被问到下一个问题。等等 最后,他得到了一个页面,显示有多少问题被正确回答。这就是测验的全部内容 目前的问题是,我如何保持用户从一个页面到另一个页面的观点? 我应该用饼干吗?或者有更好的存储“点”的方法吗?您可以查看HTML5本地存储: 这将允许您在本地计算机上存储

我想做一个小的html测试,可以从任何平台上的U盘上的浏览器开始

这个测验真的很简单。用户打开网页,看到的是第一个问题。他可以点击答案A、B、C或D。在用户点击A、B、C或D后,他会得到正确的答案和一条消息,如果他是对的或错的。然后他被问到下一个问题。等等

最后,他得到了一个页面,显示有多少问题被正确回答。这就是测验的全部内容

目前的问题是,我如何保持用户从一个页面到另一个页面的观点?
我应该用饼干吗?或者有更好的存储“点”的方法吗?

您可以查看HTML5本地存储:

这将允许您在本地计算机上存储数据。API比Cookie灵活一点,缺点是只能在最新的浏览器上使用。如果您想同时支持旧版本,则需要polyfill。以下列表包含用于本地存储的polyfill:


注意:您只能将数据保存到本地计算机,而不能保存到U盘。浏览器不允许您直接将数据保存到U盘,因此数据无法移植到另一台电脑。

有一天我创建了这样的测验。在我的例子中,重点是使用JSON存储问题(JSON已通过ajax从本地文件加载)和答案,因此我能够为用户随机选择问题,然后在js变量中保存正确答案/错误的数量

<div id="question">Load question there</div>
<ul>
    <li id="answer-1">load first answer</li>
    <li>and so on...</li>
</ul>
测验结束后,我使用ajax加载带有测验摘要的页面,在这里我准备了“锚定”,以动态插入正确答案的数量。没有任何页面重新加载的一切


但您必须记住,Chrome浏览器不接受ajax的file://协议,因此这种方法在Chrome中不起作用。可以找到有关此问题的帮助信息。

为什么不在服务器上主持html测验,并将用户结果存储在文件或数据库中?因为它必须通过usb记忆棒工作。:)如果它能帮助我找到解决方案,可以。:)数据不应该直接保存到U盘,它只是浏览器实际会话所需的数据。关闭浏览器后删除所有内容也没关系。哦,如果只是针对当前会话,您可以将其保留在内存中。只需将其保存在JavaScript变量中,您就会明白是的。我建议您也使用jQuery来更轻松地处理这些操作。哦,听起来不错,您能给我一些关于如何从json文件读取数据的提示吗?也许你有更多信息的链接?当然,我改进了我的答案。您可以轻松地使用jQuery.getJSON函数
$.getJSON('./questions.json', function(json) {
    // save json somewhere for futher use.
});