Question

我正在创建一个类似于StickyAlbums的简单网络图库，并希望包含一个可选密码（不用户名/密码组合）。这个密码不需要非常安全，只要足以防止在使用密码时意外查看图库。

StickyAlbums有一个可选密码，必须通过应用程序本身的链接重置，以便下次打开时需要输入密码。这适用于在线或离线访问应用程序。这是我想复制的功能。

包含这样的密码的最佳方法是什么？谢谢！

P.S。我非常精通HMTL和JavaScript，但HTML5对我来说是新的领域。

Answer 1

您可以使用javascript cookies。像这样：

  var password;

  function getCookie(c_name) {
    var c_value = document.cookie;
    var c_start = c_value.indexOf(" " + c_name + "=");
    if (c_start == -1) { c_start = c_value.indexOf(c_name + "="); }
    if (c_start == -1) { c_value = null; }
    else {
      c_start = c_value.indexOf("=", c_start) + 1;
      var c_end = c_value.indexOf(";", c_start);
      if (c_end == -1) { c_end = c_value.length; }
      c_value = unescape(c_value.substring(c_start,c_end));
    }
    return c_value;
  }

  function setCookie() {
    password = prompt("create your new password");
    document.cookie = "password="+password;
  }

  function checkCookie() {
    var check = prompt("enter password");  
    var pw = getCookie("password");
    if(pw==check) {
      alert('your password was correct');
    } else {
        alert('that is the wrong password');
    }
  }

以下是一个快速示例http://jsfiddle.net/v3Byr/1/

要求离线HTML5应用的简单密码

1 个答案: