在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 29 Javascript
DOM基础教程之使用DOM + Css
Jan 20 Javascript
JavaScript中连接操作Oracle数据库实例
Apr 02 Javascript
JavaScript中setFullYear()方法的使用详解
Jun 11 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
Dec 23 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
微信小程序简单的canvas裁剪图片功能详解
Jul 12 Javascript
javascript使用链接跨域下载图片
Nov 01 Javascript
javascript实现弹幕墙效果
Nov 28 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
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
详解PHP执行定时任务的实现思路
2015/12/21 PHP
php5.5使用PHPMailer-5.2发送邮件的完整步骤
2018/10/14 PHP
零基础学JavaScript最新动画教程+iso光盘下载
2008/01/22 Javascript
XMLHTTPRequest的属性和方法简介
2010/11/23 Javascript
js取消单选按钮选中并判断对象是否为空
2013/11/14 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
2016/01/28 Javascript
JavaScript表单焦点自动切换代码
2016/07/24 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
jQuery+pjax简单示例汇总
2017/04/21 jQuery
JavaScript字符串检索字符的方法
2017/06/23 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
详解vue 数据传递的方法
2018/04/19 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
JavaScript实现手风琴效果
2021/02/18 Javascript
[55:04]海涛DOTA2死魂复燃6.82版本介绍
2014/09/28 DOTA
[48:37]EG vs OG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python threading多线程编程实例
2014/09/18 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
会计专业毕业生求职信分享
2014/01/03 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
建筑工地门卫岗位职责
2014/04/30 职场文书
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
长城导游词
2015/01/30 职场文书
python中的sys模块和os模块
2022/03/20 Python