layui use 定义js外部引用函数的方法


Posted in Javascript onSeptember 26, 2019

layui.use 加载layui.define 定义的模块,当外部 js 或 onclick调用 use 内部函数时,需要在 use 中定义 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 定义js外部引用函数的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
浅谈Angular中ngModel的$render
Oct 24 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
使用async-validator编写Form组件的方法
Jan 10 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
electron制作仿制qq聊天界面的示例代码
Nov 26 Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 Javascript
基于javascript原生判断DOM是否加载完毕
Oct 14 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 #Javascript
对Layer UI 模块化的用法详解
Sep 26 #Javascript
vue源码中的检测方法的实现
Sep 26 #Javascript
IntelliJ IDEA编辑器配置vue高亮显示
Sep 26 #Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 #Javascript
Vue项目环境搭建详细总结
Sep 26 #Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 #Javascript
You might like
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
php addslashes 函数详细分析说明
2009/06/23 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
Js base64 加密解密介绍
2013/10/11 Javascript
基于jquery插件实现常见的幻灯片效果
2013/11/01 Javascript
节点的插入之append()和appendTo()的用法介绍
2014/01/13 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
2015/10/04 Javascript
浅析Javascript ES6中的原生Promise
2016/08/25 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
使用Python的Treq on Twisted来进行HTTP压力测试
2015/04/16 Python
python3读取excel文件只提取某些行某些列的值方法
2018/07/10 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
解决运行django程序出错问题 'str'object has no attribute'_meta'
2020/07/15 Python
Trina Turk官网:美国时装和泳装品牌
2018/06/10 全球购物
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
局域网标准
2016/09/10 面试题
大学生个人简历自我评价
2013/11/16 职场文书
投资合作协议书范本
2014/04/17 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
英语课前三分钟演讲稿
2014/08/19 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
新员工入职欢迎词
2015/01/23 职场文书
Oracle 临时表空间SQL语句的实现
2021/09/25 Oracle
用Python实现屏幕截图详解
2022/01/22 Python
IDEA中sout快捷键无效问题的解决方法
2022/07/23 Java/Android