Fatal编程技术网
  • javascript/
  • 在javaScript中使用sessionStorage存储数据

在javaScript中使用sessionStorage存储数据

javascript html

在javaScript中使用sessionStorage存储数据,javascript,html,session-storage,Javascript,Html,Session Storage,我试图做的是将用户在网页上键入的数据存储到会话存储中。这样，如果用户刷新页面，数据将预先显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <

我试图做的是将用户在网页上键入的数据存储到会话存储中。这样，如果用户刷新页面，数据将预先显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <p id = 'name' contenteditable="true">Riya Sharma</p>
        
    </div>
</body>
<script src="sessionstorage.js"></script>
</html>
问题是当我运行一个HTML文件时，它没有显示任何内容（不知道为什么？）
第二，当我键入一些内容并刷新页面时，它不会显示最后一个字符（这很奇怪）

如果下面的代码段显示等待脚本结果的
，那么您应该确保浏览器中启用了JavaScript。请注意，
sessionStorage
将一直持续到页面（带有
x
）关闭，而
localStorage
将一直持续到浏览器清除其缓存



document.querySelector（'#support'）.innerText=
窗口中的“会话存储”？
“支持”：
“不支持”


等待脚本结果
这应该没问题，您应该改用本地存储。（它不会在这里运行，因为这是沙盒）。
编辑：将本地存储更改为SeStess存储，但您应该考虑使用LoalStalm，因为SeScess存储一直持续到X被按下。



if（存储类型！=“未定义”）{
常量元素=document.getElementById（'name'）；
元素。addEventListener（“按键”，函数（事件）{
var text=document.getElementById（'name'）.textContent；
setItem（“存储”，文本）；
});
if（sessionStorage.getItem（“存储”））{
document.getElementById（'name'）.innerText=sessionStorage.getItem（'store'）；
}
}否则{
document.getElementById（“name”）.innerHTML=“对不起，您的浏览器不支持Web存储…”；
}



文件
丽雅·夏尔玛


他为什么要使用本地存储呢？因为会话存储会一直持续到按下X键。也许我误解了，但这似乎是他想要的。如果他刷新它，应该保留输入，但不是永久保留。如果他想使用sessionStorage，那么他应该将localStorage更改为sessionStorage，但这段代码的其余部分应该可以。在这种情况下，你这样做的方式和他这样做的方式有什么区别？当你说“不显示最后一个字”时，你是说“最后一个角色”吗？这会更有意义，因为您的事件侦听器在处理键之前正在运行。我也尝试了按键，但同样的事情发生了，没有显示最后一个字符。@NitinSaini，请确保您没有调用
event.preventDefault（）否，上面的文件是我目前编写的唯一代码

if(typeof Storage !== 'undefined'){
    const element = document.getElementById('name');

    element.addEventListener("keydown" , function(event){
        var text = document.getElementById('name').textContent;
        sessionStorage.setItem("store", text);
    });
    document.getElementById('name').textContent = sessionStorage.getItem('store');
}else {
    document.getElementById("name").innerHTML = "Sorry, your browser does not support Web Storage...";
}