漂亮的弹出框，javascript库bootbox介绍

传统的javascript的警告框、确认框、提示框：

    
    


警告框
确认框
提示框

以上原生的弹出框，样式和功能受制于浏览器，不利于炫酷狂拽的开发。

bootbox

官方网站：http://bootboxjs.com/

留意，官网的cdnjs链接可能失效。

依赖：这个库依赖于bootstrap、jquery，须按顺序导入文件中，基本框架如下：

这个库可以根据官方文档，设置弹出框的大小、位置、语言等，我用以下2个按钮及其代码演示：

在写元素的地方插入bootstrap风格的按钮：

警告框
确认框

在写js代码的地方插入jquery风格的语句：

你会得到以下2个弹出框：

另外很有用的是，bootbox.prompt，提示框内，除了原生的一个文本框外，还可以改为数字、密码、邮箱、单选、复选、下拉框等，这里就不展开了。

自定义弹出框

最后分享一下自定义按钮的弹出框。

在写元素的地方插入bootstrap风格的按钮：

自定义框

在写js代码的地方插入jquery风格的语句：

于是有了：

标题、内容、每个按钮的标签、样式、回调函数都可以自定义，这样弹窗不就灵活多端了！