Open modal bootstrap automatically when loading page

Question

People need that as soon as the page load the modal of the bootstrap open on the screen without having to click the button, the way I am doing ta being necessary to click the button for the modal open, follows the code:

<button type="button" class="btn btn-primary construcao" data-toggle="modal" data-target="#exemplomodal">SITE EM CONSTRUÇÃO</button>



<div class="modal fade" id="exemplomodal" tabindex="-1" role="dialog" aria-
 labelledby="myLargeModalLabel">
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="gridSystemModalLabel">teste</h4>
        </div>
        <div class="modal-body">
            teste

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

<script type="text/javascript">

$(document).ready(function() {
    $('#exemplomodal').modal('show');
})
</script>

Answer 1

You are using the correct way to open the bootstrap modal:

$(document).ready(function() {
    $('#exemplomodal').modal('show');
})

How the error in the console is

.modal is not a Function

Then probably your problem is in the statement order of the scripts, declare them in the following order:

<!-- jquery -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- bootstrap -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- chamada da função -->
<script type="text/javascript">
$(window).load(function() {
    $('#exemplomodal').modal('show');
});
</script>

This is because bootstrap depends on jquery, that is, jquery must necessarily be declared before.