2024年4月12日

优雅轻量级的网页alert弹窗美化插件 alertify.js


alertify.js是一款用于alert美化的插件,支持弹窗,提示,prompt,confirm等多中方式,并且调用简单,非常适合在项目中使用,也是切图网 qietu.com在前端切图项目中比较常用的一款js插件,切图网在选择一款js插件的时候 一般都要考虑性能,扩展性,文档等多种情况,才会使用,而alertify则算是位数不多在弹窗方便做的比较轻量而好用的了。除此以外,用于弹窗类的还有比较主流的layer.js,不过相比这下这个更加优雅,轻量。

官网https://alertifyjs.com/

文档也比较全面,下面附alertify.js的一些基础使用,包括一些参数、回调的使用,亲测可用,附代码:

简单用法


alertify.success("<h4>Success message</h4><p>fasdf</p>")

alertify.error("Error message")

alertify.warning("Warning message")

alertify.message('<div style="line-height:1.1; text-align:left;"><div>Normal message</div><div>fsadf</div></div>')

调用参数用法


alertify.set('notifier','position', 'bottom-left'); //设置定位
var notification = alertify.notify('sample', 'success', 5, function(){ console.log('dismissed'); });

标签:,

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》