js点击按钮弹出模态框

可以使用Bootstrap框架中的Modal组件来实现这个功能。首先在HTML中引入Bootstrap的CSS和JS文件，然后在按钮的点击事件中调用Modal组件的show方法即可。以下是一个简单的示例代码：

HTML代码：

<button id="myBtn">点击弹出模态框</button>

<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">模态框标题</h4>
        <<button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
        <p>模态框内容</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

JS代码：

$(document).ready(function(){
  $("#myBtn").click(function(){
    $("#myModal").modal();
  });
});

当按钮被点击时，模态框会弹出并显示标题和内容。用户可以通过点击关闭按钮或点击模态框外部来关闭模态框。