HTML - Cómo puedo cargar un código en Bootstrap al cargar la página?

<div class="container">

<br>

    <!-- <a href="#ventana1" class="btn btn-primary btn-lg" data-toggle="modal">Continue</a> -->

    <div class="modal fade" id="ventana1">

        <div class="modal-dialog">

            <div class="modal-content">

                <div class="modal-header">

                    <!-- Header -->

                </div>

                <div class="modal-body">

                    <!-- Body -->

                </div>

                <div class="modal-footer">

                    <!-- Footer -->

                </div>

            </div>

        </div>

    </div>

function funcion_primera(){ alert("Se ha lanzado la PRIMERA función");}

function funcion_segunda(){ alert("Se ha lanzado la SEGUNDA función");}

function funcion_tercera(){ alert("Se ha lanzado la TERCERA función");}

window.onload = funcion_primera;

window.onload = funcion_segunda;

window.onload = funcion_tercera;

<script type="text/javascript">

    $(window).on('load',function(){

        $('#ventana1l').modal('show');

    });

</script>

<div class="container">

<br>

    <!-- <a href="#ventana1" class="btn btn-primary btn-lg" data-toggle="modal">Continue</a> -->

    <script type="text/javascript">

    $(window).on('load',function(){

        $('#ventana1').modal('show');

    });

    </script>

    <div class="modal fade" id="ventana1">

        <div class="modal-dialog">

            <div class="modal-content">

                <div class="modal-header">

                    <!-- Header -->

                </div>

                <div class="modal-body">

                    <!-- Body -->

                </div>

                <div class="modal-footer">

                    <!-- Footer -->

                </div>

            </div>

        </div>

    </div>

</div>