ModelDialog JavaScript: 0.4版可定制模态对话框实现

ModelDialog JavaScript 是一个轻量级的 JavaScript 类库，用于创建和管理模态对话框功能。它提供了一种方便的方式来显示定制化的对话框，适用于各种Web应用中需要用户交互的场景。这个版本（v0.4）的主要特性包括： 1. **构造函数参数**： - `caption`：对话框的标题，默认提供，用于指定对话框的标题文本。 - `template`：对话框主体内容，默认提供，可以是HTML模板，用来填充对话框的内容区域。 - `dialogCls`：对话框的 className，用于样式定制，默认为 'md-dialog'。 - `headCls`：头部 className，控制对话框头部的样式，默认为 'md-head'。 - `btnCloseCls`：关闭按钮 className，用于指定关闭按钮的样式，默认为 'md-close'。 - `bodyCls`：主体 className，控制对话框主体部分的样式，默认为 'md-body'。 - `shadowBg`：遮盖层背景色，默认为灰色('gray')，用于创建对话框的半透明背景效果。 - `shadowOpy`：遮盖层透明度，默认为0.2，表示遮罩层的不透明度。 2. **可定制选项**： - `dragable`：对话框是否可以被用户拖动，默认为 true，如果启用，用户可以通过鼠标拖动来移动对话框。 - `dragInWin`：限制对话框只在浏览器窗口内部拖动，与 `area` 参数互斥，若设置为 true，则对话框不能超出浏览器窗口范围。 - `area[minX,maxX,minY,maxY]`：允许用户定义对话框的拖动区域，与 `dragInWin` 互斥，如果同时设置，`dragInWin` 将不起作用。 3. **兼容性**： - 代码中提及的 `isIE` 正则表达式检查，可能是为了判断当前浏览器是否为 Internet Explorer，以提供不同的处理方式或兼容性支持。 4. **版权和联系信息**： - 作者是 snandy，你可以通过其博客（http://snandy.javaeye.com/）或加入 QQ 群（34580561）获取更多信息或交流。 5. **版本更新**： - 该库的版本是 v0.4，日期为2010年9月8日，说明这可能是一个早期的开源项目，但它的设计思想和功能对于现代Web开发仍然具有参考价值。 核心代码部分展示了如何实例化一个 ModelDialog 对象，并配置其属性。通过这种方式，开发者可以根据需要快速创建自定义的模态对话框，增强了用户体验并提供了良好的可定制性。由于代码量较长，这里只提供了概要，实际使用时需要查看完整的代码实现细节。