BootStrap的modal模态框的使用

最新推荐文章于 2024-08-21 09:17:03 发布

xdnloveme

最新推荐文章于 2024-08-21 09:17:03 发布

阅读量2.1k

点赞数

分类专栏： JavaScript HTML bootstrap 文章标签： bootstrap javascript html 前端模态框

本文链接：https://blog.csdn.net/xdnloveme/article/details/77919432

版权

本文记录了BootStrap模态框的使用，重点在于如何定义模态框模板，通过参数传入控制不同方法，并强调了`hide`与`hidden`方法的区别，以及如何利用`argument`实现多参数重载。

摘要由CSDN通过智能技术生成

bootstrap的模态框很好用。为了更好的复用，更好地理解使用，记录一下。

顺便再使用一下argument，来达到多参数重载的目的：

整个modal框的使用可以浏览：点击打开链接

整个modal的使用很简单，直接贴代码：

function modalActive(){
	    var status = '';
	    var htm = "<div id='alertwindow' aria-hidden='true' data-backdrop='true'  class='modal fade' tabindex='-1' role='dialog'>"
	      +"<div class='modal-dialog' role='document'><div class='modal-content'><div class='modal-header'><h4 style='text-align:center;' class='modal-title'></h4></div><div class='modal-body'></div><