Layui use 中定义外部可调用函数的方法

作者:函数茶馆时间:2026-10-23 11:32:39浏览:303

本文介绍如何在 Layui 的 use 模块加载机制中,通过挂载到 window 对象的方式,使模块内部定义的函数能够被外部 JavaScript 代码或 HTML 的 onclick 事件调用。文章提供了具体的代码示例,展示了如何区分内部私有函数与外部公开函数,并指出需要引入 layui.all.js 以确保功能正常。

Layui use 中定义外部可调用函数的方法

在使用 Layui 的 use 方法加载由 layui.define 定义的模块时,如果需要在外部 JavaScript 脚本或 HTML 的 onclick 事件中调用模块内部的函数,必须将该函数挂载到 window 对象上,以便外部引用。具体实现方式如下所示:


layui.use(['layer','form'],function(){

  var layer = layui.layer,

  form = layer.form();



  var Test = function(){

   //不能被外部引用

   console.log("call Test");

  }



  window.Hello = function(){

    //可以被外部引用

    console.log("call hello");

  }



  Test(); //执行成功

  Hello(); //执行成功

});



$(function(){

  Hello(); //可以调用

  Test();  //提供未找到 Test

})

注意:此方法需要引入 layui.all.js 文件。

以上关于 Layui use 定义外部引用函数的方法内容到此结束,希望能为读者提供有效的参考。

作者最新文章