Untitled

<!---------------->
<!-- Index.html -->
<!---------------->

<!DOCTYPE hml>
<html>
    <head>
        <title>Title of the document</title>
    </head>

    <body>

        <div id="ajax-content"></div>

        <!-- v3.3.1 -->
        <script src="jquery.js"></script>
        <script async="true" defer="true">
        $.ajax({url: "index3.html"}).done(function(data) {
            $("#ajax-content").html(data);
        });
        </script>
    </body>
</html>

<!----------------->
<!-- Index3.html -->
<!----------------->
<div class="box">
    <h1>HTML carregado assincronamente</h1>
</div>
<script src="meuScript.js" async="true" defer="true"></script>


<!------------------>
<!-- meuScript.js -->
<!------------------>
alert('agora não gera aviso');