Como abrir modal ao carregar página?

abrir modal onload

Para abrir modal bootstrap basta usar o evento onload do javascript e a biblioteca jquery.

Primeiro deve ser importado o jquery da fonte e inserido no site.
Link para download aqui.

Depois basta inserir o javascript na página.

<script type="text/javascript">
    $(window).on('load',function(){
    $('#myModal').modal('show'); });
</script>

Também deve ser inserido o modal.

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true" style="text-align: center;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
    <div class="modal-header" style="height: 60px;">
        <h2 class="modal-title col-md-11" id="exampleModalLongTitle" style="color:red;">Título</h2>
<button type="button" class="close col-md-1" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">×</span>
</button>
   </div>
   <div class="modal-body">
       <h3>Corpo da mensagem da modal bootstrap</h3><br>
   </div>
   <div class="modal-footer">
       <button type="button" class="btn btn-danger col-md-4" data-dismiss="modal">
                   Fechar
              </button>
      <a href="https://diretoaoponto-tech.com.br/">
                 <button type="button" class="btn btn-success col-md-4 offset-md-4">Destino de sucesso
                 </button>
               </a>
  </div>
      </div>
  </div>
</div>

Quer acompanhar as novidade do site?

Leia mais em: etbootstrap.com/docs/4.0/comp...

Icone de modal em site com fundo de conexão de pontos e linhas para representar abertura de página

Última atualização: 2023-02-15