在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 相关文章推荐
脚本安需导入(装载)的三种模式的对比
Jun 24 Javascript
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 Javascript
实例说明为什么不要行内使用javascript
Apr 18 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
Javascript中神奇的this
Jan 20 Javascript
基于JavaScript实现动态添加删除表格的行
Feb 01 Javascript
javascript表单事件处理方法详解
May 15 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
May 28 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
Nov 03 Javascript
微信小程序框架wepy之动态控制类名
Sep 14 Javascript
JavaScript Canvas编写炫彩的网页时钟
Oct 16 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/04/25 PHP
php mail to 配置详解
2014/01/16 PHP
Yii2单元测试用法示例
2016/11/12 PHP
php自定义扩展名获取函数示例
2016/12/12 PHP
在IE模态窗口中自由查看HTML源码的方法
2007/03/08 Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
对Js OOP编程 创建对象的一些全面理解
2016/07/26 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
Bootstrap基本样式学习笔记之按钮(4)
2016/12/07 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
js+css实现打字效果
2020/06/24 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
2019/01/21 Javascript
Node.js 多进程处理CPU密集任务的实现
2019/05/26 Javascript
[02:46]2014DOTA2国际邀请赛 选手为你解读比赛MVP充满梦想
2014/07/09 DOTA
[50:28]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs KG
2018/04/01 DOTA
python爬虫常用的模块分析
2014/08/29 Python
基于Python实现文件大小输出
2016/01/11 Python
python爬虫实例详解
2018/06/19 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
移动端HTML5开发神器之vconsole详解
2020/12/15 HTML / CSS
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
展会邀请函范文
2014/01/26 职场文书
中年人生感言
2014/02/04 职场文书
cf收人广告词大全
2014/03/14 职场文书
领导班子四风表现材料
2014/08/23 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
解决Python字典查找报Keyerror的问题
2021/05/26 Python
分享很少见很有用的SQL功能CORRESPONDING
2022/08/05 MySQL
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技