编程 Javascript

在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 的正确方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

在layui.use 中自定义 function 的正确方法

- Author -

肖朋伟

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript iframe编程相关代码

Dec 28 Javascript

js或css文件后面跟参数的原因说明

Jan 09 Javascript

cloudgamer出品ImageZoom 图片放大效果

Apr 01 Javascript

Js日期选择器并自动加入到输入框中示例代码

Aug 02 Javascript

Jquery操作下拉框(DropDownList)实现取值赋值

Aug 13 Javascript

jquery小火箭返回顶部代码分享

Aug 19 Javascript

使用jQuery监听DOM元素大小变化

Feb 24 Javascript

jquery常用的12个小功能

Jul 22 Javascript

让你彻底掌握es6 Promise的八段代码

Jul 26 Javascript

JavaScript异步加载问题总结

Feb 17 Javascript

vue slot与传参实例代码讲解

Apr 28 Javascript

js+html+css实现手动轮播和自动轮播

Dec 30 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