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 定义外部引用函数的方法内容到此结束,希望能为读者提供有效的参考。
作者最新文章
Object.assign合并JS对象的用法与注意事项
2026-11-05 17:56:08
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
