自定义javascript弹窗

当前我们可以通过浏览器自带的alert,prompt弹框来提示用户或取得用户输入信息。

此二种方式具有的缺陷：

1. 阻塞：即JS执行至alert, prompt方法时待用户操作后再进行下一个语句的执行。即同步操作

2. 样式单一： 针对同一种浏览器，其弹框样式固定，不够美观。

下面我们通过自定义一个弹框库(js)，来解决上面二个问题。

目标：

1. 用户只需使用定义好的js库即可使用弹框。

2. 弹框具有“确定”或“取消”功能，并可回调用户注册的函数（即单击确定或取消后回调的函数）

3. 用户如果想修改样式可自定义css

思路：

1. 弹框以普通html元素来实现, 弹框具有背景(overlay)以遮盖其余部分，防止用户操作弹框以外的页面部分。