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...