Javascript 删除本地存储并再次添加

我正在创建一个网站，有两种语言，英语和法语。这两种语言提供了一个包含两个步骤的表单。我希望发生的是，当用户使用英语刷新localStorage时，它不会有任何已填充的信息，而是将localStorage（键值）从法语表单加载为空。当用户使用英语时，我希望发生同样的事情。我知道我可以使用会话，但我不想在有人关闭浏览器时刷新

可能是localStorage.removietem（“”）；我可以帮忙

谢谢

这是我的密码：

<script type = "text/javascript" > window.onload = getData();

function storeData() {
    var userEmail = document.querySelector("#UserName");
    var userPhoneNumber = document.querySelector("#PhoneNumber");
    var userName = document.querySelector("#FirstName");
    var userLastName = document.querySelector("#LastName");
    localStorage.setItem("mail", userEmail.value);
    localStorage.setItem("phone", userPhoneNumber.value);
    localStorage.setItem("name", userName.value);
    localStorage.setItem("lastName", userLastName.value);
}

function getData() {
    var userEmail = document.querySelector("#UserName");
    var userPhoneNumber = document.querySelector("#PhoneNumber");
    var userName = document.querySelector("#FirstName");
    var userLastName = document.querySelector("#LastName");
    userEmail.value = localStorage.getItem("mail");
    userPhoneNumber.value = localStorage.getItem("phone");
    userName.value = localStorage.getItem("name");
    userLastName.value = localStorage.getItem("lastName");
} </script>

window.onload=getData（）；
函数storeData（）{
var userEmail=document.querySelector（“用户名”）；
var userPhoneNumber=document.querySelector（“#PhoneNumber”）；
var userName=document.querySelector（“#FirstName”）；
var userLastName=document.querySelector（“#LastName”）；
setItem（“mail”，userEmail.value）；
setItem（“phone”，userPhoneNumber.value）；
setItem（“name”，userName.value）；
setItem（“lastName”，userLastName.value）；
}
函数getData（）{
var userEmail=document.querySelector（“用户名”）；
var userPhoneNumber=document.querySelector（“#PhoneNumber”）；
var userName=document.querySelector（“#FirstName”）；
var userLastName=document.querySelector（“#LastName”）；
userEmail.value=localStorage.getItem（“邮件”）；
userPhoneNumber.value=localStorage.getItem（“电话”）；
userName.value=localStorage.getItem（“名称”）；
userLastName.value=localStorage.getItem（“lastName”）；
} 

假设您有一个使用当前语言的全局变量，您可以将其保存在

localStorage

中的

storeData

中，并在

getData

中检查是否相同

function storeData() {
    var userEmail = document.querySelector("#UserName");
    var userPhoneNumber = document.querySelector("#PhoneNumber");
    var userName = document.querySelector("#FirstName");
    var userLastName = document.querySelector("#LastName");
    localStorage.setItem("mail", userEmail.value);
    localStorage.setItem("phone", userPhoneNumber.value);
    localStorage.setItem("name", userName.value);
    localStorage.setItem("lastName", userLastName.value);
    localStorage.setItem("language", currentLanguage);
}

function getData() {
    if (localStorage.getItem("language") == currentLanguage) {
        var userEmail = document.querySelector("#UserName");
        var userPhoneNumber = document.querySelector("#PhoneNumber");
        var userName = document.querySelector("#FirstName");
        var userLastName = document.querySelector("#LastName");
        userEmail.value = localStorage.getItem("mail");
        userPhoneNumber.value = localStorage.getItem("phone");
        userName.value = localStorage.getItem("name");
        userLastName.value = localStorage.getItem("lastName");
    }
}

---

你为什么不给你的密钥命名（例如“fr.mail”）？你可以把当前的语言放到一个本地存储值中

getData（）

仅当当前语言与保存的语言相同时才应重新加载表单。感谢您的回答@Denys Séguret。你能提供一个代码应该是什么的例子吗？谢谢。谢谢你的回答@Barmar。你能提供一个代码应该是什么的例子吗？谢谢。

if（localStorage.getItem（“language”）==currentLanguage）{//getData中的其余代码}

谢谢@Bamar。我不理解您的回答“假设您有一个使用当前语言的全局变量”。我如何申报语言？我的意思是，我如何知道我在运行函数时使用的是哪种语言？只需设置一个全局变量

currentLanguage=“english”