在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 相关文章推荐
js静态作用域的功能。
Dec 25 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
有关于eclipse配置spket需要注意的一些地方
Apr 07 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
jquery控制表单输入框显示默认值的方法
May 22 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
Dec 06 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
js按条件生成随机json:randomjson实现方法
Apr 07 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 Javascript
Vue中ref和$refs的介绍以及使用方法示例
Jan 11 Vue.js
使用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
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
php打印输出棋盘的实现方法
2014/12/23 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
浅谈JavaScript数据类型
2015/03/03 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
2019/05/27 jQuery
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
Django restframework 源码分析之认证详解
2019/02/22 Python
详解python实现小波变换的一个简单例子
2019/07/18 Python
Python实现变声器功能(萝莉音御姐音)
2019/12/05 Python
基于python 将列表作为参数传入函数时的测试与理解
2020/06/05 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
加拿大领先家居家具网上购物:Aosom.ca
2020/05/27 全球购物
C#笔试题
2015/07/14 面试题
汽车促销活动方案
2014/03/31 职场文书
超市创业计划书
2014/04/24 职场文书
综合实践活动总结
2014/05/05 职场文书
语文教研活动总结
2014/07/02 职场文书
员工团队活动方案
2014/08/28 职场文书
教师聘用意向书
2015/05/11 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书
MySQL索引篇之千万级数据实战测试
2021/04/05 MySQL
4种非常实用的python内置数据结构
2021/04/28 Python
Java并发编程必备之Future机制
2021/06/30 Java/Android
使用Python拟合函数曲线
2022/04/14 Python
Python何绘制带有背景色块的折线图
2022/04/23 Python