gpt4 book ai didi

javascript - 如何重新加载页面而不丢失任何插入的(div)数据

转载 作者:行者123 更新时间:2023-12-01 00:31:07 26 4
gpt4 key购买 nike

我有多个标签,这些标签设置为可编辑 (contentEditable="true")。有没有什么方法可以在加载之前将内容存储在 div 中,并在重新加载后粘贴相同的内容,或者有任何其他方法可以做到这一点?我是编程领域的新手

<div contentEditable="true" id="main" key="main" class="main" >  
<div contentEditable="true" id="div1" onfocusout="myFunction()"><p>sample para</p></div>
<div contentEditable="true" id="div2" onfocusout="myFunction()"><p>sample para</p></div>
</div >



window.onload = function()
{
var a = sessionStorage.getItem('main');
//alert(a);
document.getElementById("main").value = a;
}

window.onbeforeunload = function() {
sessionStorage.setItem("main", $('#main').val());
}

我尝试过这个,但它仅适用于具有已知输入字段的表单

我的正文 html 看起来像

   <body>
<div>Math in TeX notation</div>

<div contentEditable="true" id="main" key="main" class="main" >
<div contentEditable="true" id="div1" onfocusout="myFunction()"><p>sample para</p></div>
<div contentEditable="true" id="div2" onfocusout="myFunction()"><p>sample para</p></div>
</div>
</body>

最佳答案

您可以将任何数据保存到 session 存储中,并稍后通过 JavaScript 使用它:

window.onload = function () {
const content = sessionStorage.getItem('main');
if (content) {
document.getElementById("main").innerHTML = content;
}
}

window.onbeforeunload = function () {
sessionStorage.setItem("main", document.getElementById("main").innerHTML);
}

关于javascript - 如何重新加载页面而不丢失任何插入的(div)数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58521858/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com