我不明白localStorage方法

Question

我是JavaScript和这个网站的新手，而且我正在尝试一个模拟网站，其中一个网页可以让您创建用户名和密码。 然后它将发送到网页，如果您使用用户名和密码登录到该网页，则会将您带到Google。 我还没有做到这一点，所以您可以创建一个用户名和密码，并且现在只使用一个内置的用户名和密码。 我无法通过localStorage方法将一个网页上定义的变量转到另一个网页。 请新手以简单易用的方式帮助我理解。

这是定义变量的页面。

 <!DOCTYPE html>
<html>
<head>

<title>
create account
</title>


<script>

localStorage["username1"] = ['jk', 'lol'];
localStorage["password1"] = ['p1', 'p2'];

</script>


</head>

<body>

</body>


</html>

这是我使用定义的变量的页面。

<!DOCTYPE html>
<html>
<head>

<title>
create account
</title>


<script>

localStorage["username1"] = ['jk', 'lol'];
localStorage["password1"] = ['p1', 'p2'];

</script>


</head>

<body>

</body>


</html>

Answer 1

MDN对于本地存储有很好的参考和示例： https : //developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

您的代码需要看起来像-

 // Save data sessionStorage.setItem("username1", "jk"); sessionStorage.setItem("password1", "p1"); // Get data alert( "username = " + sessionStorage.getItem("username1")); alert( "username = " + sessionStorage.getItem("password1"));

Answer 2

尽管您不应该使用javascript来输入用户名和密码，也永远不要将用户名和密码放在客户端（通过LocalStorage，用户可以自己查看密码，甚至可以更改密码，我相信您正在寻找的是localStorage.getItem(key)和localStorage.setItem(key, value)

像这样

localStorage.setItem('testing', 'abc');
console.log(localStorage.getItem('testing'));

注意：localStorage与较旧的浏览器不兼容。 如果有任何用户使用的是旧版浏览器，则最好检查它是否具有localStorage。 也许像

if(localStorage != undefinfed)
{
    localStorage.setItem('testing', 'abc');
    console.log(localStorage.getItem('testing'));
}
else
{
    //Browser not supported
}

另外，localStorage仅存储该页面的数据。 更改页面后，将清除localStorage。 为了保持页面之间的数据，请以完全相同的方式使用sessionStorage

Answer 3

在尝试使用localStorage之前，请先阅读它。 基本上，您要做的就是在JavaScript中修改localStorage对象。 您可以直接执行此操作，也可以使用setItem()和getItem()方法：

var credentials = {};
credentials.username = "my_username";
credentials.password = "my_password";
//save in localStorage
localStorage.setItem( 'credentials', JSON.stringify(credentials) );
//now to access the items from localStorage, do
var creds = JSON.parse( localStorage.getItem( 'credentials' ) );
console.log( creds );

我不明白localStorage方法

问题描述

3 个解决方案

解决方案1
1 2014-11-25 23:22:15

解决方案2
0 2014-11-25 23:21:42

解决方案3
0 2014-11-25 23:27:19

我不明白localStorage方法

问题描述

3 个解决方案

解决方案1 1 2014-11-25 23:22:15

解决方案2 0 2014-11-25 23:21:42

解决方案3 0 2014-11-25 23:27:19

解决方案1
1 2014-11-25 23:22:15

解决方案2
0 2014-11-25 23:21:42

解决方案3
0 2014-11-25 23:27:19