脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → layui.use 中自定义 function

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

 更新时间：2019年09月16日 08:40:02   作者：肖朋伟  
今天小编就为大家分享一篇在layui.use 中自定义 function 的正确方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

适用于：

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）点击测试按钮

（2）点击 hello 按钮

以上这篇在layui.use 中自定义 function 的正确方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 详解webpack import()动态加载模块踩坑

    详解webpack import()动态加载模块踩坑

    这篇文章主要介绍了详解webpack import()动态加载模块踩坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • JavaScript实现烟花和福字特效

    JavaScript实现烟花和福字特效

    这篇文章主要介绍了利用JavaScript实现放烟花特效和用字符“$”绘制“福”字，文中的示例代码简洁易懂，感兴趣的小伙伴可以学习一下
    2022-01-01
  • Ionic 2 实现列表滑动删除按钮的方法

    Ionic 2 实现列表滑动删除按钮的方法

    这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表，当用户滑动列表项到左边的时候。这是一个处理删除列表数据时候常用的模式，具体内容大家通过本文学习吧
    2017-01-01
  • UniApp使用vue.config.js进行配置的详细教程

    UniApp使用vue.config.js进行配置的详细教程

    这篇文章主要给大家介绍了关于UniApp使用vue.config.js进行配置的详细教程,uniapp是一套基于Vue语法的框架,同样也支持Vue.config.js配置,一般常用的莫过于路径的名称,需要的朋友可以参考下
    2023-10-10
  • 本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结

    本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结

    遇到的本地图片预览的需求,IE6下可以直接从file的value获取图片路径来显示预览,IE7和IE8下通过select获取file的图片路径，再用滤镜来显示预览，至于FireFox祥看本文吧，希望可以帮助到你
    2013-03-03
  • Javascript中的this绑定介绍

    Javascript中的this绑定介绍

    在Javascript里，函数被调用的时候，除了接受声明是定义的形式参数，每一个函数还接受两个附加的参数：this和arguments。
    2011-09-09
  • 微信小程序实现根据日期和时间排序功能

    微信小程序实现根据日期和时间排序功能

    这篇文章主要为大家详细介绍了微信小程序实现根据日期和时间排序功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • JS仿hao123导航页面图片轮播效果

    JS仿hao123导航页面图片轮播效果

    这篇文章主要介绍了JS仿hao123导航页面图片轮播效果，代码简单易懂，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
    2016-09-09
  • Javascript实现信息滚动效果

    Javascript实现信息滚动效果

    这篇文章主要为大家详细介绍了Javascript实现信息滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • JS自定义对象创建与简单使用方法示例

    JS自定义对象创建与简单使用方法示例

    这篇文章主要介绍了JS自定义对象创建与简单使用方法,结合实例形式分析了JavaScript创建与使用自定义对象的相关操作技巧,需要的朋友可以参考下
    2020-01-01

最新评论