在layui.use 中自定义 function 的正确方法


Posted in Javascript onSeptember 16, 2019

适用于:

obj.click()

行内 onclick

javascript:函数名()

示例代码:

<html>
 <head>
 <link rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" media="all">
 </head>
 <body>
 <a class="layui-btn" id="test" href="javascript:;" rel="external nofollow" rel="external nofollow" >测试</a><br/><br/>
 <a class="layui-btn" onclick="hello('this is a test')" href="javascript:;" rel="external nofollow" rel="external nofollow" >hello</a>
 <script src="layui/layui.js"></script>
 <script type="text/javascript">
 
 layui.use(["jquery","layer","form"],function(){
 var $ = layui.$,layer = layui.layer,form = layui.form;
 $("#test").click(function(){
  hello("张三");
 });
 window.hello = function(obj) {
  layer.msg("hello world,"+obj);
 }
 });
 </script> 
 </body>
</html>

测试:

(1)点击测试按钮

在layui.use 中自定义 function 的正确方法

(2)点击 hello 按钮

在layui.use 中自定义 function 的正确方法

以上这篇在layui.use 中自定义 function 的正确方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 使用手册(七)
Sep 23 Javascript
js Form.elements[i]的使用实例
Nov 13 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 Javascript
AngularJS利用Controller完成URL跳转
Aug 09 Javascript
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
react router4+redux实现路由权限控制的方法
May 03 Javascript
jQuery实现模糊查询的方法分析
May 10 jQuery
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
JS实现的贪吃蛇游戏案例详解
May 01 Javascript
原生js实现的观察者和订阅者模式简单示例
Apr 18 Javascript
jquery实现手风琴案例
May 04 jQuery
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
Sep 16 #Javascript
js实现无限瀑布流实例方法
Sep 16 #Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 #Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 #jQuery
Vue实现滑动拼图验证码功能
Sep 15 #Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 #Javascript
解决layui调用自定义方法提示未定义的问题
Sep 14 #Javascript
You might like
PHP下通过系统信号量加锁方式获取递增序列ID
2009/09/25 PHP
php date()日期时间函数详解
2010/05/16 PHP
PHP编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
php中批量替换文件名的实现代码
2011/07/20 PHP
PHP中time(),date(),mktime()区别介绍
2013/09/28 PHP
PHP采用自定义函数实现遍历目录下所有文件的方法
2014/08/19 PHP
php中header设置常见文件类型的content-type
2015/06/23 PHP
php中错误处理操作实例分析
2019/08/23 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
几句话带你理解JS中的this、闭包、原型链
2016/09/26 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
Bootstrap table右键功能实现方法
2017/02/20 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
解决Vue项目中tff报错的问题
2020/10/21 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
在Python下尝试多线程编程
2015/04/28 Python
Python中处理字符串之endswith()方法的使用简介
2015/05/18 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
Django REST framework 视图和路由详解
2019/07/19 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
Aosom西班牙:家具在线商店
2020/06/11 全球购物
什么是封装
2013/03/26 面试题
社区党务公开实施方案
2014/03/18 职场文书
中层干部培训方案
2014/06/16 职场文书
义和团口号
2014/06/17 职场文书
宿舍标语大全
2014/06/19 职场文书
会议邀请函
2015/01/30 职场文书
毕业证明书
2015/06/19 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书
使用HttpSessionListener监听器实战
2022/03/17 Java/Android