layui进入页面就执行事件

最新推荐文章于 2023-04-19 19:38:44 发布

原创最新推荐文章于 2023-04-19 19:38:44 发布 · 1.5w 阅读

10 ·

CC 4.0 BY-SA版权

本文介绍如何利用LayUI的layer模块实现页面加载完成后的实时消息提示功能，通过JavaScript代码调用layer的方法展示消息，适用于网页应用中需要即时反馈用户操作或状态改变的场景。

<script>
layui.use('layer',function(){
var layer = layui.layer;
    layer.ready(function(){
      layer.msg('您已进入页面了！');
    });  
 
});
</script>

layer.ready(function(){
         //获取已有数据
          getHadData();
          //回显已有数据
          listSerial = 1;
          var commodityTable = commodityTableHead;
          commodityTable = showHadData(commodityTable);
          //新加行
          commodityTable = addNewTr(commodityTable);
          //准备拼接结束
          commodityTable+="</tbody></table>";
          $("#commodityTable").html(commodityTable);
          form.render();
      });