js的调用

最新推荐文章于 2024-06-05 16:32:01 发布

猛虎细嗅o蔷薇

最新推荐文章于 2024-06-05 16:32:01 发布

阅读量336

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/gly742279097/article/details/48049553

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>

猛虎细嗅o蔷薇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js的调用

HTML5--本地存储SessionStorage window.onload = function() { alert("当你关闭此页面或者关闭浏览器的时候，sessionStorage中保存的数据才会消失览网站时，从进入到离开的这段时
复制链接

扫一扫