Question

我是JavaScript和这个网站的新手，我正在尝试一个模拟网站，其中一个网页将允许您创建用户名和密码。然后它会将其发送到一个网页，如果您使用您的用户名和密码登录它，那么它将带您到谷歌。我没有做到这一点，所以你可以创建一个用户名和密码，现在只使用内置的。我无法通过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 个答案: