comments

功能描述

快速使用

  2.     let msgBoxList = JSON.parse(window.localStorage.getItem('msgBoxList')) || [];
  3.     innerHTMl(msgBoxList)
  5. //点击发表按扭，发表内容
  6.     $("span.submit").click(function () {
  7.         let txt = $(".message").html(); //获取输入框内容
  8.         if (!txt) {
  9.             $('.message').focus(); //自动获取焦点
  10.             return;
  11.         }
  12.             msg: txt
  13.         }
  15.         window.localStorage.setItem('msgBoxList', JSON.stringify(msgBoxList)) //将数据保存到缓存
  16.         innerHTMl([obj]) //渲染当前输入框内容
  17.         $('.message').html('') // 清空输入框
  19.     });
  21. //渲染html
  22.     function innerHTMl(List) {
  23.         List = List || []
  24.         List.forEach(item => {
  25.             let str =
  26.                     <div class="headUrl">
  28.                         <div>
  29.                             <span class="title">木林森里没有木</span>
  30.                             <span class="time">2018-01-01</span>
  31.                         </div>
  32.                         <a class="del">删除</a>
  33.                     </div>
  34.                     <div class='msgTxt'>
  35.                         ${item.msg}
  36.                     </div>
  37.                 </div>`
  38.             $(".msgCon").prepend(str);
  39.         })

特别说明