如何创建一个单击计数器,即使在刷新时也可以将数据保存在txt文件中

时间:2014-05-22 18:46:14

标签: javascript html webpage counter click-counting

我也想要链接实际工作;现在只运行我希望它运行的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>

1 个答案:

答案 0 :(得分:0)

Cookies即使在刷新时也会在本地存储数据。如果你想在浏览器中存储类似数字的东西,我建议你使用cookies。 Mozilla在这里有很好的文档记录:https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Cookies

您需要在设置innerHTML后设置Cookie,将值设置为count。然后,当浏览器刷新或onLoad()时,请阅读Cookie并将其值设置为count,然后从那里开始。

尽管您可能听说过,但cookie并不危险,它们只是一个小文件,只有几个字节,具有名称,值和到期日期。它们易于实现,但它们不是永久性的,用户可以删除或编辑cookie。希望这就是你要找的东西。