Question

我想创建一个HTML页面，当在文本区域中输入任何文本时，该文本应该填充到页面中，当关闭页面并再次打开时，应该在那里看到先前输入的数据。请帮我实现这个......

我不希望在PHP的帮助下使用它。

请参考下图，了解我的尝试 My page what i was trying to make

Answer 1

您可以使用window.localStorage在客户端上保存数据（或使用带有Cookie的后备），示例实现可能如下所示：

// tiny utils to save and load entered text
const saveText = (text) => localStorage.setItem('text', JSON.stringify(text))
const loadText = () => JSON.parse(localStorage.getItem('text'))

// get a reference to our `textarea` and listen for changes
document
  .querySelector('textarea')
  .addEventListener('change', evt => saveText(evt.target.value))


// somewhere else in the app, e.g. on load, you could prefill the textarea
document.querySelector('textarea').value = loadText()

创建一个动态存储数据的html页面

1 个答案: