刷新页面时保留用户名

Question

即使用户浏览其他页面然后再次返回主页，如何将用户名保留在主页中？ 这是一个简单的按钮，一旦点击，按钮会询问用户名并显示问候语。

例如：
按钮：你是谁？ 提示：插入您的姓名
显示消息：您好 [姓名] ，欢迎访问网站！

问题是当用户刷新主页时，名称消失，他应再次点击按钮。

有没有办法在整个会话中保留用户名？

谢谢！

Answer 1

您可以像这样使用localStorage

localStorage.setItem("username", "Smith");

从localStorage获取值

localStorage.getItem("username");

Answer 2

您可以像这样使用sessionStroge。

 // Store
sessionStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname"); 

您可以检索有关此功能的更多信息 w3schools:SessionStorage

Answer 3

@ andrea-belluccia您可以将其存储在会话，cookie或localstorage中（您应该检查浏览器兼容性列表）。然后，只要您需要使用用户名，就可以。