javascript 模态框 流行的插件 js打开模态框

例子1：（MyModl ：模态框的ID）

打开： 

let m = document.getElementById("MyModl");
$(m).modal("show");

 或者： 

$($("#MyModl")).modal("show");

关闭：

let m = document.getElementById("MyModl");
 $(m).modal("hide");

或者： 

$($("#MyModl")).modal("hide");

 

 

 

<!-- 查找供应商 -->
<DIV>

按钮打开

<BUTTON class="btn btn-primary" type="button" data-bs-target="#选择供应商弹出框" 
data-bs-toggle="modal">打开模态框 </BUTTON>

js打开

<INPUT id="Button111" onclick="dk()" type="button" value="button"> 

<SCRIPT>
     function dk() {
 let  m = document.getElementById("选择供应商弹出框");
         var myModal = new bootstrap.Modal(m, { keyboard: false });
         myModal.show();
     }
 </SCRIPT>
 <!-- 模态框 --> 
<DIV class="modal" id="选择供应商弹出框">
<DIV class="modal-dialog">
<DIV class="modal-content"><!-- 模态框头部 -->       
<DIV class="modal-header">
<H4 class="modal-title">选择供应商弹出</H4><BUTTON class="btn-close" type="button" 
data-bs-dismiss="modal"></BUTTON>       </DIV><!-- 模态框内容 -->       
<DIV class="modal-body">模态框内容..       </DIV><!-- 模态框底部 -->       
<DIV class="modal-footer"><BUTTON class="btn btn-danger" type="button" 
data-bs-dismiss="modal">关闭</BUTTON>       </DIV></DIV></DIV></DIV></DIV>