本文通过一个简单的HTML示例展示了如何使用sessionStorage保存和读取页面的临时数据。当用户输入文本并触发onChange事件时，数据会被保存，并显示在页面上。点击按钮也能实现相同的数据读取功能。此外，文章还提及了作者的人工智能教程，内容生动易懂。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用sessionStorage保存与读取临时数据</title>
</head>
<body>
<fieldset>
<input type="text" name="txt" id="txt" onChange="txt_Change(this)" size="30px">
<input type="button" name="btn" onClick="btn_Click()" value="读取">
<p id="pid"></p>
</fieldset>
</body>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function txt_Change(v){
var txtName = v.value;
//保存数据
sessionStorage.setItem("txtName",txtName);
$("pid").style.display="block";
//获取数据
$("pid").innerHTML = sessionStorage.getItem("txtName");
}
function btn_Click(){
$("pid").style.display="block";
$("pid").innerHTML = sessionStorage.getItem("txtName");
}
</script>
</html>
再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.youkuaiyun.com/jiangjunshow
扫一扫
2378
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
