留言板 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>留言板</title>
    <script src="jquery.min.js"></script>
    <style>

    </style>
</head>
<body>

    <div>
        <input type="date" placeholder="日期" id="wdate">
        <textarea id="les">

        </textarea>
        <button class="btn-primary"onclick="lm()">提交</button>
    </div>
</body>
<script>
    var mes=new Array();
    $(function(){
        if(!JSON.parse(sessionStorage.getItem("log"))){
            alert("目前没有留言");
        }else{
            mes=JSON.parse(sessionStorage.getItem("log"));
            /*mesag=mes.mesage;*/
            mes.forEach(function(item){
                alert(item.date1+"----"+item.mesage);
            })


        }

    })
    function lm(){
        sessionStorage.removeItem("log");
        var date1=$("#wdate").val();

      /*  if(mesag.length==0){
            var mesinfo=new Array();
            mesinfo.push($("#les").val());
        }else{
            var mesinfo=mesag;
            mesinfo.push($("#les").val());

        }*/

         var mesage={
             "date1":date1,
             "mesage": $("#les").val(),

         };
       /* var arr=new Array();*/
        mes.push(mesage);

        sessionStorage.setItem("log",JSON.stringify(mes ));
    }


</script>
</html>
posted @ 2018-07-03 15:50  船到桥头自然沉！！  阅读(92)  评论(0)    收藏  举报