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'); });
标签:alertify.js, 弹窗
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问