在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编写设为首页兼容ie、火狐和谷歌
Jun 05 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
JS组件系列之JS组件封装过程详解
Apr 28 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
js实现扫雷小程序的示例代码
Sep 27 Javascript
vue+webpack模拟后台数据的示例代码
Jul 26 Javascript
微信小程序学习总结(五)常见问题实例小结
Jun 04 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合并两个数组的两种方式的异同
2012/09/14 PHP
Ajax实现对静态页面的文章访问统计功能示例
2016/10/10 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
php屏蔽错误及提示的方法
2020/05/10 PHP
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
2012/01/15 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
2012/06/14 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
node实现简单的反向代理服务器
2017/07/26 Javascript
mongoose更新对象的两种方法示例比较
2017/12/19 Javascript
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
js实现GIF图片的分解和合成
2019/10/24 Javascript
用Python程序抓取网页的HTML信息的一个小实例
2015/05/02 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
python爬虫基本知识
2018/03/05 Python
flask框架中勾子函数的使用详解
2018/08/01 Python
python实现括号匹配的思路详解
2018/08/23 Python
Python实现最大子序和的方法示例
2019/07/05 Python
如何让PyQt5中QWebEngineView与JavaScript交互
2020/10/21 Python
详解CSS3中强大的filter(滤镜)属性
2017/06/29 HTML / CSS
岗位职责范本
2013/11/23 职场文书
总裁岗位职责
2013/12/04 职场文书
财务会计专业求职信范文
2013/12/31 职场文书
毕业生自荐信如何写
2014/03/24 职场文书
青奥会口号
2014/06/12 职场文书
2014年车间工作总结
2014/11/21 职场文书
地道战观后感500字
2015/06/04 职场文书
培训计划通知
2015/07/15 职场文书
优秀团员主要事迹范文
2015/11/05 职场文书
Html分层的box-shadow效果的示例代码
2021/03/30 HTML / CSS
撤回我也能看到!教你用Python制作微信防撤回脚本
2021/06/11 Python
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
dubbo服务整合zipkin详解
2021/07/26 Java/Android
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server