sessionStorage localStorage

来源:互联网 发布:怎样降低淘宝纠纷率 编辑:程序博客网 时间:2024/06/01 09:17
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="text"  id="date" placeholder="请输入数据" />
        <input type="button" id="save" value="保存" />
        <input type="button" id="select" value="查找" />
        <input type="button" id="remove" value="删除" />
        <script type="text/javascript">
            var dates=document.getElementById("date");
            document.getElementById("save").onclick=function(){
                sessionStorage.setItem("name",dates.value);
            }
            document.getElementById("select").onclick=function(){
                dates.value=sessionStorage.getItem("name");

            }
            document.getElementById("remove").onclick=function(){
                sessionStorage.removeItem("name");
            }
        </script>
    </body>
</html>
0 0
原创粉丝点击