是否可以在原始HTML文件中保存DOM操作？

Question

让我们说我网页的某些部分是：

<p id = "para"></p>

我表演：

 $("#para").text("Hello world!");

现在有效的网页变为：

<p id = "para">Hello world</p>

是否有JavaScript或Jquery方法可以保存在我网页的某些部分执行的DOM操作，以便在我再次打开网页时再次出现这些操作？

换句话说，我可以在HTML文件中写下这些更改吗？

编辑：实际上我想要保存一个表单，随着日常使用它会变得越来越大。

Answer 1

是的！您可以使用localstorage（https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage）来存储更改，也可以使用mutationobserver（https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver）来监视更改。

Answer 2

对我来说，你正在寻找的是存储文本以便以后获取。 我推荐LocalStorage。 像这样：

//to stock
localStorage.setItem('myTextVariableName', 'HelloWorld!');

//to load
$("#para").text(localStorage.getItem('myTextVariableName'));

然后，一旦您再次加载页面，您就会得到它

Answer 3

将js脚本插入html，每次打开html页面时都会运行代码。您也可以使用本地存储。