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

心已赠人 2022-03-08 10:18 196阅读 0赞

### layui.use 中自定义 function 的正确方式 ###

**适用于：**

*  obj.click()
 *  行内 onclick
 *  javascript:函数名()

**示例代码：**

<html>
    	<head>
    		<link rel="stylesheet" href="layui/css/layui.css" media="all">
    	</head>
    	<body>
    		<a class="layui-btn" id="test" href="javascript:;">测试</a><br/><br/>
    		<a class="layui-btn" onclick="hello('this is a test')" href="javascript:;">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）点击测试按钮  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9pY29kZS5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70]

（2）点击 hello 按钮  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9pY29kZS5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9pY29kZS5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70]: /images/20220308/aa0c4410d1f6490dbcd74d70ac3e557d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9pY29kZS5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70 1]: /images/20220308/1d73b9c977614b64913b939ed7bdaf45.png

发表评论取消回复

表情：

评论列表（有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在Java中正确处理自定义异常类

在Java中，如果你想处理自定义异常类，你需要遵循以下步骤： 1. **创建异常类**：首先，你需要创建一个新的异常类。继承自`Exception`或其子类（例如`Runti

秒速五厘米/ 2024年10月15日 11:48/ 0 赞/ 36 阅读

相关在Java中如何正确实现自定义集合类

在Java中，你可以通过继承`List`接口或者使用泛型来创建自定义的集合类。以下是一个简单的例子： 1. **继承List接口：** ```java public cla

拼搏现实的明天。/ 2024年09月17日 18:48/ 0 赞/ 53 阅读

相关 MySQL自定义函数（CREATE FUNCTION）

在使用 MySQL 的过程中，MySQL 自带的函数可能完成不了我们的业务需求，这时候就需要自定义函数。自定义函数是一种与存储过程十分相似的过程式数据库对象。它与存储过程一

骑猪看日落/ 2024年04月06日 12:17/ 0 赞/ 56 阅读

相关自定义JSP中的Taglib标签之四自定义标签中的Function函数

之前例子已经写好了,由于时间关系一直没有发布,这次带来的是关于taglib中的<tag>的基本功能已经介绍完毕了,在taglib中我们发现有一个标签叫做<function>,这

小咪咪/ 2023年10月23日 07:09/ 0 赞/ 137 阅读

相关自定义shiro的验证方式

在认证、授权内部实现机制中，最终处理都将交给Real进行处理。因为在Shiro中，最终是通过Realm来获取应用程序中的用户、角色及权限信息的。在应用程序中要做的是自定义一

落日映苍穹つ/ 2023年08月17日 16:33/ 0 赞/ 129 阅读

相关 Java中自定义注解的正确打开方式

在java中，我们在使用的过程中，常常能够用到注解，例如： @Override @FunctionalInterface(0 @SuppressWarnings

约定不等于承诺〃/ 2022年12月01日 11:57/ 0 赞/ 134 阅读

相关 springBoot中自定义的yml文件引用的方式

一、yml配置文件在yam文件中配置自定义的标签 1.在yml配置文件中加入 through: url: http://10.4.2.14

偏执的太偏执、/ 2022年09月06日 15:25/ 0 赞/ 257 阅读

相关 SQL 自定义函数FUNCTION

自定义函数 1、标量函数： CREATE FUNCTION GetNameById2(@js_ID INT) RETURNS VARCHAR(32) -------

川长思鸟来/ 2022年08月22日 12:30/ 0 赞/ 225 阅读

相关 PostgreSQL中自定义函数（function）返回数据集

1.准备数据建表 create table city ( cityId int, cityName varchar(20)

布满荆棘的人生/ 2022年04月24日 06:26/ 0 赞/ 1606 阅读

相关 layui.use 中自定义 function 的正确方式

layui.use 中自定义 function 的正确方式适用于： obj.click() 行内 onclick javascript:函数名()

心已赠人/ 2022年03月08日 10:18/ 0 赞/ 197 阅读