如何创建单击计数器,即使刷新也将数据保存在txt文件中
How to create a click counter that saves data in txt file even when refreshed
我也希望链接实际工作;现在只运行javascript,我想让它运行这个,然后转到网页。我想把数据保存到一个文本文件。请帮助!下面是代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<body>
//Would like the link to redirect to webpage too.
<p>
<a href="javascript:countClicks();">Click Here</a>
</p>
<p id="p2">0</p>
<script type="text/javascript">
var count = 0;
function countClicks() {
count = count + 1;
document.getElementById("p2").innerHTML = count;
}
</script>
</body>
</html>
cookie即使在刷新时也在本地存储数据。如果您想在浏览器中存储一些简单的东西,如数字,我建议使用cookie。Mozilla在这里有很好的文档:https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Cookies.
你想在设置innerHTML之后设置cookie,将值设置为count
。然后,当浏览器刷新或onLoad()
时,读取cookie并将其值设置为count
,它将从那里开始。
尽管你可能听说过,cookie并不危险,它们只是一个小文件,只有几个字节,有名称、值和截止日期。它们很容易实现,但它们不是永久的,用户可以删除或编辑cookie。
相关文章:
- 如何检查Json文件更新,如果更新了,则用更新的数据刷新我的页面
- JQGrid使用服务器编辑后的更新数据刷新数据
- 如何使用新的JSON数据刷新jsTree
- jQueryAJAX将数据重新加载到DOM中,或者使用新数据刷新DOM
- 插入数据并用新数据刷新数据网格后,关闭弹出窗口
- 正在删除数据(刷新)WebGL Globe
- 使用 ajax 调用使用操作类返回的数据刷新(更新)表的各个行
- 好吗 - 使用 setInterval 进行数据刷新
- 数据表无限 + 自动数据刷新
- 模式未使用新数据刷新
- 聚合物-使用绑定数据刷新模板
- Angular如何知道应该重新应用绑定来用更新的数据刷新UI元素
- 连续添加|更新|将数据库中的数据刷新到页面而不回发
- 使用服务器端数据刷新gridx
- 在数据刷新后保留最后的Flot十字准线和图例数据
- 如何用新数据刷新剑道网格
- Ng-Grid将在数据刷新后折叠行,如何防止这种情况
- 当数据刷新时,jQuery UI手风琴不工作
- 如何在ajax网格中使用数据刷新作为触发器
- 如何在AngularJs中保持页面上的数据刷新