在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代码
Dec 26 Javascript
ExtJS Store的数据访问与更新问题
Apr 28 Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 Javascript
理解jQuery stop()方法
Nov 21 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
Dec 18 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
移动端如何用下拉刷新的方式实现上拉加载
Dec 10 Javascript
JavaScript Dom 绑定事件操作实例详解
Oct 02 Javascript
js实现鼠标点击页面弹出自定义文字效果
Dec 24 Javascript
Vue通过配置WebSocket并实现群聊功能
Dec 31 Javascript
javascript中的with语句学习笔记及用法
Feb 17 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
Feb 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
解析如何通过PHP函数获取当前运行的环境 来进行判断执行逻辑(小技巧)
2013/06/25 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
Yii2中OAuth扩展及QQ互联登录实现方法
2016/05/16 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
jquery 1.3.2 IE8中的一点点的小问题解决方法
2009/07/10 Javascript
DOM 基本方法
2009/07/18 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
2009/09/29 Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
JavaScript执行效率与性能提升方案
2012/12/21 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
jQuery判断邮箱格式对错实例代码讲解
2017/04/12 jQuery
AngularJS表单验证功能分析
2017/05/26 Javascript
Vue.js中的computed工作原理
2018/03/22 Javascript
使用angular-cli webpack创建多个包的方法
2018/10/16 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
vue获取data数据改变前后的值方法
2019/11/07 Javascript
javascript实现切割轮播效果
2019/11/28 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
分享一下如何编写高效且优雅的 Python 代码
2017/09/07 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
python深copy和浅copy区别对比解析
2019/12/26 Python
python多线程使用方法实例详解
2019/12/30 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
中医专业应届生求职信
2013/11/17 职场文书
迅雷Cued工作心得体会
2014/01/27 职场文书
个人求职信范文分享
2014/01/31 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
学生通报表扬范文
2015/05/04 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android
python实现学员管理系统(面向对象版)
2022/06/05 Python