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

Quer acompanhar as novidade do site?
Veja também:

Como tirar pontos e traços do cpf no excel?

Retirar pontos e traços no Excel

Como colocar ícone no site?

Colocar icone no site

Como centralizar botão bootstrap?

centralizar botão bootstrap

Como fazer paginação com Bootstrap?

Paginação Bootstrap

Como remover espaços em branco no php?

remover espaços php

Como colocar máscara de virgula em input angular?

máscara virgula input angular

Web Stories