JavaScript教程-JavaScript代码执行顺序

关键字：JavaScript教程，JavaScript代码执行顺序 JS加密

就前端代码而言，当浏览器在解析 HTML 文档时，会根据文档流从上到下逐行解析和显示。
JavaScript 代码也是 HTML 文档的组成部分，所以，JavaScript 脚本代码的执行顺序也是由＜script＞标签的位置顺序而确定。

例程

    <!DOCTYPE html>
    <script>
        alert("顶部脚本1");
    </script>
    <html>
    <head>
        <title>Demo</title>
        <script>
            alert("头部脚本2");
        </script>
    </head>
    <body>
        <h1>Title</h1>
        <script>
            alert("页面脚本3");
        </script>
        <p>Content</p>
    </body>
    <script>
        alert("底部脚本4");
    </script>
    </html>

如果想改变 JavaScript 代码的执行顺序，可以给＜script＞标签增加 defer 或者 async 属性。