html localStorage getItem示例代码

以下是一个示例代码，演示如何使用localStorage的getItem方法获取存储在本地的数据：

<!DOCTYPE html>
<html>
<head>
	<title>localStorage getItem 示例代码</title>
</head>
<body>
	<h1>localStorage getItem 示例代码</h1>

	<p>请在下面的输入框中输入一些文本，然后点击“保存”按钮。保存后，您可以刷新页面，输入框中仍会显示您刚刚输入的文本。</p>

	<input type="text" id="inputText">
	<button onclick="saveData()">保存</button>

	<script>
		function saveData() {
			var inputText = document.getElementById("inputText").value;
			localStorage.setItem("savedText", inputText);
		}

		var savedText = localStorage.getItem("savedText");
		if (savedText) {
			document.getElementById("inputText").value = savedText;
		}
	</script>
</body>
</html>

这个示例代码中，我们创建了一个文本输入框和一个“保存”按钮。当用户输入文本并点击“保存”按钮时，我们使用localStorage的setItem方法将文本保存在本地。然后，我们使用getItem方法获取保存的文本，并将其设置为输入框的值。这样，即使用户关闭了浏览器或刷新了页面，输入框中仍会显示之前保存的文本