我需要一个提示,只显示一次,保存用户名,并在网站的其他部分使用它



第一篇文章。我对Javascript真的很陌生,所以我可能会在这里问很多问题。问题是:用户进入网站,一个提示询问他们的姓名,然后编辑DOM,显示一个"h3",上面写着"Welcome userX"。但是,第一个问题是,由于.js文件被网站的每个文件共享,所以每次都会显示提示。为了避免这种情况,我在加载主体时调用的函数中添加了代码。

var salute = function(){
var user = prompt("Por favor ingrese su nombre", "Usuario");
if( user==null){
user = "Usuari@ sin nombre"
};
var saludo = document.getElementById("saludo");
saludo.innerHTML= "Bienvenido " + user; 
}

但是,既然我有这个:<body onload="salute();">每当用户返回"主页"时,都会再次询问其名称。我该如何避免这种情况?还有,有没有办法在网站的另一部分使用"用户"变量?例如,在图片库中,让它说"我们希望你喜欢这些图片,用户">

如果你想为下次访问和其他页面保留(本地存储(用户名,那么你可以使用它,并通过额外的验证来增强它:

var salute = function() {
var user = localStorage.getItem("user");
if (!user) {
user = prompt("Por favor ingrese su nombre", "Usuario");
if (user) {
user = localStorage.setItem("user", user);
} else {
user = "Usuari@ sin nombre"; //Your default one
}
}
var saludo = document.getElementById("saludo");
saludo.innerHTML = "Bienvenido " + user;
}

希望它能起作用!

最新更新