javascript - 没有 PHP 的 HTML 下载计数器

标签 javascript html css

我想知道是否可以在不使用 php 的情况下制作一个下载计数器。有人告诉我这是可能的,但找不到任何对我有帮助的地方。

我正在尝试将计数保存到服务器上的文本文件中。我不能使用 php,因为我的服务器不允许使用它。我试过 javascript 但似乎无法正常工作。任何建议或指导将不胜感激!

服务器允许,html、javascript 和 css。

最佳答案

PHP 是托管服务上最常用的服务器语言,如果您的服务器不允许,您可能根本无法在服务器端使用任何语言。

假设您不能在服务器端使用任何语言,那么有两种可能的操作。

  1. 使用可以保存数据的第三方服务器。
  2. 使用 javascript 在本地保存您的数据。

使用第 3 方服务可能实现起来很复杂,您需要了解一些有关跨源请求的知识。您将需要添加一些 javascript 库并了解很多概念,所以我只选择简单的。

你的浏览器有一个可以通过 Javascrip 访问的 localStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

[!] 请注意,这只会保存在您的浏览器中,因此其他用户或 session 将无法访问计数器。

// get the saved value or zero if not found
var count = localStorage.getItem('so-demo') || 0;

// increment the value by 1
count++;

// save the value
localStorage.setItem('so-demo', count);

// show the actual value
document.getElementById('theValue').innerHTML = count
<div id="theValue">localStorage is not allowed on stack overflow but works elsewhere</div>

关于javascript - 没有 PHP 的 HTML 下载计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46983962/

相关文章:

javascript - 上传的 Canvas 图像比其主要来源大得多

javascript - 无法使用 jquery 填充选择框

javascript - javascript中 "serialize"函数的正确方法是什么供以后使用

css - 如何将公司 Logo 添加到 ShinyDashboard 标题(不是 mainPanel 或 mainHeader)

javascript - 鼠标悬停 mouseout JavaScript 不工作

javascript - 在javascript中使用for循环重复初始化变量

html - 节在把它放到另一个节的末尾后隐藏

javascript - 通过 jQuery 加载图像

javascript - 实时显示变化的值(Angular、JS、OOP)

html - 图片旁边的 float 列表