我在大学的第一年做了一个网站项目,我需要让本地存储工作。我只需输入我的网站表单信息,然后在另一页面上以另一种形式显示本地存储。我有它的工作,但我添加了额外的输入,我确保我的ID和名称是正确的,但它仍然无法正常工作。这是所有4个文件的一部分。我现在需要它,但由于某种原因它不会工作。我不能用任何新东西。 !(http://i57.tinypic.com/9hkjfd.png)
<form action="readLocalStorage.html" method="post" name="form1" id="form1" onsubmit="return validateForm()">
<fieldset>
<legend>Sign Up</legend>
<label for="username">Create a Username</label>
<input type="text" placeholder="5 characters" name="username" id="username" required><br><br>
<form name="LSdata" id="LSdata" action="addContact.php" method="post">
<label>Username</label>
<input name="username" id="username" readonly /><br />
function writeLocalStorage() {
localStorage.username = document.form1.username.value;
}
function getLocalStorage() {
document.LSdata.username.value = localStorage.username;
}
答案 0 :(得分:3)
看起来您的变量不匹配。您正在设置username
,但获得Username
。在JavaScript中,变量区分大小写,因此username
并不总是等于Username
,它们是两个不同的变量。
使用您的功能:
function writeLocalStorage() {
localStorage.username = 'mike';
}
function getLocalStorage() {
console.log(localStorage.Username); // what you currently have, will return undefined
console.log(localStorage.username); // returns "mike"
}
// returns:
// undefined
// mike
getLocalStorage();