如何在javascript中加载时在窗口上显示引导模式？

Question

// 我在 jquery 中找到了它，但我想在 javascript 中找到它是否有任何替代代码。请帮忙，谢谢

 <script type="text/javascript">

      $(window).on('load',function(){
         $('#myModal').modal('show');
      });

 </script>

Answer 1

我相信引导程序会在模式上切换一个类（最近没有查过。

普通的 JS 等价物是

window.addEventListener('load', () => {
  const modal = document.querySelector('#myModal');
  if (modal) {
    modal.classList.add('show');
    modal.style.display = 'block';
  }
});

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

您可能需要检查引导文档以确定它添加的类名。