在超文本标记语言(HTML)页面中存储数据并使用JavaScript在另一个页面中检索数据,可以通过以下步骤实现:
<input>
、<textarea>
等标签来创建输入字段,例如:<form id="myForm">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="提交">
</form>
localStorage
对象:document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单提交的默认行为
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
// 存储数据到本地
localStorage.setItem("name", name);
localStorage.setItem("email", email);
alert("数据已存储!");
});
<p>姓名: <span id="storedName"></span></p>
<p>邮箱: <span id="storedEmail"></span></p>
<script>
// 检索存储的数据并显示
var storedName = localStorage.getItem("name");
var storedEmail = localStorage.getItem("email");
document.getElementById("storedName").textContent = storedName;
document.getElementById("storedEmail").textContent = storedEmail;
</script>
这样,当用户在第一个HTML页面中填写表单并提交后,数据将被存储到本地,并且在第二个HTML页面中使用JavaScript检索并显示出来。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云