在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 24 Javascript
js 日期比较相关天数代码
Apr 02 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
Oct 12 Javascript
javascript动态添加checkbox复选框的方法
Dec 23 Javascript
浅谈JavaScript函数的四种存在形态
Jun 08 Javascript
JavaScript的==运算详解
Jul 20 Javascript
Js遍历键值对形式对象或Map形式的方法
Aug 08 Javascript
详解js中call与apply关键字的作用
Nov 21 Javascript
Bootstrap3 内联单选和多选框
Dec 29 Javascript
详解vue-loader在项目中是如何配置的
Jun 04 Javascript
基于vue.js组件实现分页效果
Dec 29 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
PHP 采集心得技巧
2009/05/15 PHP
php 显示指定路径下的图片
2009/10/29 PHP
php empty() 检查一个变量是否为空
2011/11/10 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
使用URL传输SESSION信息
2015/07/14 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
PHP sdk实现在线打包代码示例
2020/12/09 PHP
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
2014/01/02 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
node.js中的console.info方法使用说明
2014/12/09 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
jQuery实现平滑滚动的标签分栏切换效果
2015/08/28 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
vue-cli之router基本使用方法详解
2017/10/17 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
2017/11/09 jQuery
javascript中的event loop事件循环详解
2018/12/14 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
2019/10/15 Javascript
python实现自动登录后台管理系统
2018/10/18 Python
python实现多线程端口扫描
2019/08/31 Python
Python使用Pandas库常见操作详解
2020/01/16 Python
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
《母亲的恩情》教学反思
2014/02/13 职场文书
《难忘的泼水节》教学反思
2014/02/27 职场文书
目标责任书范文
2014/04/14 职场文书
爱心活动计划书
2014/04/26 职场文书
市场调研项目授权委托书范本
2014/10/04 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书
python爬取企查查企业信息之selenium自动模拟登录企查查
2021/04/08 Python