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接受和处理xml数据的代码(.net)
Mar 28 Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
Sep 16 Javascript
JS实现拖动滚动条评分的效果代码分享
Sep 29 Javascript
详解微信小程序 template添加绑定事件
Jun 23 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
详解Angular系列之变化检测(Change Detection)
Feb 26 Javascript
react 应用多入口配置及实践总结
Oct 17 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
uniapp与webview之间的相互传值的实现
Jun 29 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 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
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
GD输出汉字的函数的分析
2006/10/09 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
在ASP.NET中使用JavaScript脚本的方法
2013/11/12 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
利用 spin.js 生成等待效果(js 等待效果)
2017/06/25 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
JS基于ES6新特性async await进行异步处理操作示例
2019/02/02 Javascript
ES6基础之 Promise 对象用法实例详解
2019/08/22 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
2019/11/14 Javascript
[01:16:50]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第一场 3月7日
2021/03/11 DOTA
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
跟老齐学Python之大话题小函数(2)
2014/10/10 Python
Python中if __name__ == "__main__"详细解释
2014/10/21 Python
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
详解在Python中处理异常的教程
2015/05/24 Python
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
利用Pandas读取文件路径或文件名称包含中文的csv文件方法
2018/07/04 Python
python字典嵌套字典的情况下找到某个key的value详解
2019/07/10 Python
Python爬虫谷歌Chrome F12抓包过程原理解析
2020/06/04 Python
django 将自带的数据库sqlite3改成mysql实例
2020/07/09 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
LINUX下线程,GDI类的解释
2012/04/17 面试题
大专应届生个人简历的自我评价
2013/10/15 职场文书
法人代表授权委托书
2014/04/08 职场文书
出生证明公证书
2014/04/09 职场文书
计划生育汇报材料
2014/12/26 职场文书
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS