javascript - 如何在外部存储 javascript 变量(没有服务器)的值?

标签 javascript php html css variables

假设我要求用户(在我的本地计算机上)输入他们的电子邮件地址以注册抽奖。

<!DOCTYPE HTML>
<head><title>Raffle</title></head>
<script type="text/javascript">
        var email;
        function foo(){
            email = document.getElementById("Email").value;
            alert(email);
        }
</script>
<body>
<input id="Email" name="Email" type="email">
<input type="Submit" id="submit" name="submit" onclick="foo();">
</body>

Fiddle

当用户点击提交时,电子邮件地址会弹出在他们面前。有什么方法可以同时将变量 email 存储在外部文件中(.php.txt 等)

最佳答案

如果没有服务器,您将从 JavaScript 获得的唯一持久性是通过 cookie、本地存储或客户端数据库方法之一。 (有一些方法可以将数据写入文件,但对于这种简单的情况,它们往往比它们的值(value)更麻烦)。

最简单的是 local storage .这将保留用户输入的所有电子邮件的逗号分隔字符串:

if (!localStorage.emails)
    localStorage.emails = email;
else
    localStorage.emails += ',' + email;

然后在随后的页面访问中,您可以检索用户通过 localStorage.emails 变量输入的电子邮件。

关于javascript - 如何在外部存储 javascript 变量(没有服务器)的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27716028/

相关文章:

javascript - 将变量保留在 while 循环的最后一次迭代中

html - 我如何在 css 或 bootstrap 中创建自定义列

javascript - 按钮在 Plone 中不显示,onclick 也不起作用

javascript - 获取 id 然后选择该元素 - jQuery

php - 用于从句子中解析单词的正则表达式

php - Laravel 使 Acl 用户具有权限(无等级/组)

html - CSS 到 class + anyclass

asp.net - 如何查看 Web 服务器 http 响应大小(以 KB 为单位)?

javascript - 使用 jQuery 查找多个级别的父 div 的数据属性值

javascript - 比较 2 个不同电子表格中的 2 个数组,并将其补码写入第二个电子表格