在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 相关文章推荐
javascript Onunload与Onbeforeunload使用小结
Dec 31 Javascript
6个DIV 135或246间隔一秒轮番显示效果
Jul 24 Javascript
基于Jquery的跨域传输数据(JSONP)
Mar 10 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
js浮点数保留两位小数点示例代码(四舍五入)
Dec 26 Javascript
JavaScript Length 属性的总结
Nov 02 Javascript
js select实现省市区联动选择
Apr 17 Javascript
JavaScript函数参数的传递方式详解
Mar 06 Javascript
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
解读ES6中class关键字
Nov 20 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 Javascript
layui表格数据复选框回显设置方法
Sep 13 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
PHP 一个页面执行时间类代码
2010/03/05 PHP
smarty内置函数section的用法
2015/01/22 PHP
PHP实现文件上传和多文件上传
2015/12/24 PHP
安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题
2020/08/26 PHP
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
Javascript中Date类型和Math类型详解
2016/02/27 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
2016/12/24 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
jQuery简介_动力节点Java学院整理
2017/07/04 jQuery
vue新vue-cli3环境配置和模拟json数据的实例
2018/09/19 Javascript
在微信小程序中保存网络图片
2019/02/12 Javascript
js getBoundingClientRect使用方法详解
2019/07/17 Javascript
[05:56]第十六期——新进3大C之小兔基
2014/06/24 DOTA
[05:05]给小松五分钟系列 第二期介绍为什么打DOTA2
2014/07/02 DOTA
[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25
2020/11/25 DOTA
Python计算三维矢量幅度的方法
2015/06/15 Python
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
python 字典中取值的两种方法小结
2018/08/02 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
阿玛尼美国官方网站:Armani.com
2016/11/25 全球购物
学习委员自我鉴定
2014/01/13 职场文书
如何撰写岗位职责
2014/02/01 职场文书
《厄运打不垮的信念》教学反思
2014/04/13 职场文书
学生个人评语大全
2015/01/04 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL
Nginx如何获取自定义请求header头和URL参数详解
2022/07/23 Servers