在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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
Jun 30 Javascript
javascript得到当前页的来路即前一页地址的方法
Feb 18 Javascript
JavaScript中的ubound函数使用实例
Nov 04 Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 Javascript
基于javascript bootstrap实现生日日期联动选择
Apr 07 Javascript
浅谈window.onbeforeunload() 事件调用ajax
Jun 29 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
Apr 11 Javascript
vue-router实现组件间的跳转(参数传递)
Nov 07 Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 Javascript
JavaScript实现随机五位数验证码
Sep 27 Javascript
vue下的@change事件的实现
Oct 25 Javascript
使用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
收音机另类DIY - 纸巾盒做外壳
2021/03/02 无线电
PHP判断数据库中的记录是否存在的方法
2014/11/14 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
php实现微信公众号无限群发
2015/10/11 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
编写可维护面向对象的JavaScript代码[翻译]
2011/02/12 Javascript
用Javascript获取页面元素的具体位置
2013/12/09 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
微信小程序实现图片轮播及文件上传
2017/04/07 Javascript
SpringMVC+bootstrap table实例详解
2017/06/02 Javascript
Vue实现固定定位图标滑动隐藏效果
2019/05/30 Javascript
通过实例学习React中事件节流防抖
2019/06/17 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
p5.js绘制旋转的正方形
2019/10/23 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python实现手机通讯录搜索功能
2018/02/22 Python
python实现电子产品商店
2019/02/26 Python
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
临床护士自荐信
2014/01/31 职场文书
化学教育专业求职信
2014/07/08 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
党员自评材料范文
2014/12/17 职场文书
优秀高中学生评语
2014/12/30 职场文书
社区服务活动感想
2015/08/11 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
导游词之长城八达岭
2019/09/24 职场文书