<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>HTML5--本地存储SessionStorage</title>
<script type="text/javascript" >
window.onload = function()
{
alert("当你关闭此页面或者关闭浏览器的时候,sessionStorage中保存的数据才会消失览网站时,从进入到离开的这段时间。");
//首先获得body中的4个input元素
var msg = document.getElementById("msg");
var getData = document.getElementById("getData");
var setData = document.getElementById("setData");
var text=document.getElementById("textcontent")
setData.onclick = function()//存入数据
{
if(msg.value)
{
sessionStorage.setItem("data", msg.value);
alert("信息已保存到data字段中");
}
else
{
alert("信息不能为空");
}
}
getData.onclick = function()//获取数据
{
var msg = sessionStorage.getItem("data");
text.innerHTML=msg;
}
}
</script>
</head>
<body>
<p id="textcontent"></p>
<input id="msg" type="text"/>
<input id="setData" type="button" value="保存数据"/>
<input id="getData" type="button" value="获取数据"/>
</body>
</html>
js的调用
最新推荐文章于 2024-06-05 16:32:01 发布