4

我想知道是否有一种方法可以将一个或多个 javascript 变量保存到本地机器，然后再调用它们？

var a = b

然后当您返回网页时，它会记住 B 的值吗？

4

4 回答 4

12

如果您的意思是在网络浏览器中，则有两种选择：

  • 饼干

  • Web 存储（在您的情况下，特别是“本地存储”而不是“会话存储”）

浏览器普遍支持 Cookie，但用户可以将其关闭。JavaScript 中的 API 非常非常糟糕。cookie 也会发送到您的服务器，因此它们会增加对您服务器的请求大小，但可以在客户端和服务器端使用。

设置cookie 很容易，但是在客户端读取 cookie 很痛苦。查看上面的 MDN 页面以获取示例。

所有主要的现代浏览器（包括 IE8 及更高版本）都支持Web 存储。API 比 cookie 好得多。Web 存储是纯粹的客户端，数据不会自动发送到服务器（您当然可以自己发送）。

这是一个使用 Web 存储的示例：Live Copy

<label>Value: <input type="text" id="theValue"></label>
<input type="button" id="setValue" value="Set">
<script>
(function() {
  // Use an input to show the current value and let
  // the user set a new one
  var input = document.getElementById("theValue");

  // Reading the value, which was store as "theValue"
  if (localStorage && 'theValue' in localStorage) {
    input.value = localStorage.theValue;
  }

  document.getElementById("setValue").onclick = function () {
    // Writing the value
    localStorage && (localStorage.theValue = input.value);
  };
})();
</script>
于 2013-10-06T17:36:31.040 回答
8

您可以使用三个选项来存储状态，稍后您可以在同一域的另一个网页中检索这些状态：

  1. 将数据保存在 cookie 中，然后在以后的网页中，从 cookie 中检索数据。

  2. 将数据保存在用户浏览器的本地存储中，然后在将来的网页中从本地存储中检索数据。

  3. 以某种方式保存数据服务器端（通过 post 或 ajax 调用），然后让服务器将其放回页面的下一次调用或通过 ajax 调用从服务器请求它。

对于一个简单的客户端存储的数据值，本地存储可能是最佳选择，它没有服务器端的理由存在于 cookie 中。您可以在此处阅读有关本地存储的信息。

// save data value
localStorage.setItem("name", "John");

// retrieve data value
var name = localStorage.getItem("name");

从 IE8 开始，IE 就支持本地存储。如果您需要旧版本 IE 的支持，您可以使用 cookie 或使用我之前链接的 MDN 页面中包含的本地存储 shim。

于 2013-10-06T17:43:20.077 回答
6

您正在寻找的可能是如何制作和使用Cookie。

cookie 是存储在访问者计算机上的变量。每次同一台计算机通过浏览器请求页面时，它也会发送 cookie。使用 JavaScript，您可以创建和检索 cookie 值。

于 2013-10-06T17:35:21.760 回答
4

您可以使用Modernizr lib 尝试 HTML5 本地存储。

例子：

if (Modernizr.localstorage) {
    localStorage.setItem("bar", "1");
    var foo = localStorage.getItem("bar");
} else {
    // local storage unavailable
}
于 2013-10-06T17:41:13.640 回答