Web笔记-layerui的基本使用及JavaScript回调函数的写法

程序运行截图如下：

第一个按钮按下后：

第二个按钮按下后：

然后回调一个函数，这个函数调用系统自带的alert。

使用layerui的目的是为了统一弹窗的风格，因为不同浏览器alert的位置大小，风格不一样。

程序结构如下：

相关源码如下：

index.html

<html>
<head>
<title>layer</title>
<script src="jquery.min.js"></script>
<script src="./layer/layer.js"></script>
<script src="common.js"></script>
</head><body>
<button class="do-test">测试</button>
<button class="do-test2">测试</button>
<script src="test.js"></script>
</body></html>

common.js

;var common_ops = {alert:function( msg ,cb){layer.alert( msg,{yes:function( index ){if( typeof cb == "function" ){cb();}layer.close( index );}} );}
};

test.js

;var member = {init:function(){this.eventBind();},eventBind:function(){$(".do-test").click(function(){common_ops.alert("第一个 common_ops.alert");//这是一个callbackvar callback = function(){alert("alert弹窗")}//第二个//common_ops.alert("第二个 common_ops.alert", callback);})}
};
var member2 = {init:function(){this.eventBind();},eventBind:function(){$(".do-test2").click(function(){//这是一个callbackvar callback = function(){alert("alert弹窗")}//第二个common_ops.alert("第二个 common_ops.alert", callback);})}
};$(document).ready( function(){member.init();member2.init();
});

Web笔记-layerui的基本使用及JavaScript回调函数的写法相关推荐

javascript 回调函数
javascript 回调函数回调函数作为参数传递的函数示例代码 let x = function () {console.log("执行回调函数") }let y = fu ...
理解javascript 回调函数
理解javascript 回调函数原文:理解javascript 回调函数 ##回调函数定义百度百科:回调函数回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一 ...
javascript回调函数笔记
来源于:https://github.com/useaname/blog-study 在Javascript中,函数是第一类对象.意味函数可以像对象一样按照第一类被管理使用. 回调函数是从一个叫函数式 ...
javascript回调函数(模式)原理和示例深入分析
广大网友读懂了我之前论述的javasc ...
重新理解javascript回调函数
把函数作为参数传入到另一个函数中.这个函数就是所谓的回调函数经常遇到这样一种情况,某个项目的A层和B层是由不同的人员协同完成.A层负责功能funA,B层负责funcB.当B层要用到某个模块的数据,于 ...
JavaScript回调函数的高手指南
摘要:本文将会解释回调函数的概念,同时帮你区分两种回调:同步和异步. 回调函数是每个前端程序员都应该知道的概念之一.回调可用于数组.计时器函数.promise.事件处理中. 本文将会解释回调函数的概念 ...
javascript回调函数及推论
回调函数:通过函数指针调用函数,把一个函数的指针传给另外一个函数. 从基本定义上,就可以开始基础推论. A.合并功能域. 1.以函数分割功能域. 2.以模块分割功能域. 3.以 ...
理解javascript 回调函数，闭包
回调 jQuery中一直有使用回调函数,比如:$("#btn").click(function() {alert("button clicked"); }); ...
JavaScript 回调函数/Promise/ async/await
并发和并行并行和并发是两个概念,容易混淆是因为并行和并发在中文意思上相近,其实在英文中,这是完全不相同的东西,并行(parallelism).并发(concurrency). 并行(parallel ...

Web笔记-layerui的基本使用及JavaScript回调函数的写法

Web笔记-layerui的基本使用及JavaScript回调函数的写法相关推荐

最新文章

热门文章