会话存储工作不正常

session storage is not working properly

本文关键字:不正常 工作 存储 会话      更新时间:2023-09-26

我尝试过用javascript实现会话存储功能。我在old.html文件&尝试在new.html网页中检索它。getItem在new.html页面中返回"null"。

我的旧.html文件有;

<script>
var name=document.createTextNode("All the Best");
sessionStorage.setItem("data",name);</script>

而new.html文件具有;

<script>
var newdata=sessionStorage.getItem('data');
alert(newdata); </script>

会话存储存储字符串,而不是DOM节点。直接存储字符串:

<script>
sessionStorage.setItem("data", "All the Best");
</script>
<script>
var newdata=sessionStorage.getItem('data');
alert(newdata);
</script>

正如Dark Falcon所说,web(或会话)存储只能存储String值。您可以尝试存储要保存的dom元素的字符串表示形式(可能使用innerHTML)。

var data = document.getElementById("test").innerHTML;
sessionStorage.setItem("data", data);

稍后在另一个文件中检索:

var newdata=sessionStorage.getItem('data');
document.getElementById("anotherfileID").innerHTML = newdata;

尽管如此,我不认为将一个DOM元素从一个HTML文件传递到另一个文件是最好的做法。你想做什么?