编程 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 相关文章推荐

use jscript List Installed Software

Jun 11 Javascript

struts2 jquery 打造无限层次的树

Oct 23 Javascript

JS打印gridview实现原理及代码

Feb 05 Javascript

js判断设备是否为PC并调整图片大小

Feb 12 Javascript

异步JS框架的作用以及实现方法

Oct 29 Javascript

bootstrap 表单验证使用方法

Jan 11 Javascript

vue.js事件处理器是什么

Mar 20 Javascript

详解vue-router 2.0 常用基础知识点之router-link

May 10 Javascript

JavaScript简单拖拽效果（1）

May 17 Javascript

vue resource post请求时遇到的坑

Oct 19 Javascript

基于Vue2.X的路由和钩子函数详解

Feb 09 Javascript

JS调用安卓手机摄像头扫描二维码

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