引入Js代码放置位置,有何讲究?

60 阅读1分钟
过去所有<script>元素都被放在页面的<head>标签内,如下面的例子所示:
    这种做法的主要目的是把外部的 CSSJavaScript 文件都集中放到一起。不过,把所有 JavaScript

文件都放在<head>里,也就意味着必须把所有 JavaScript 代码都下载、解析和解释完成后,才能开始渲

染页面
    <html>

        <head>

        <title>Example HTML Page</title>

        <script src="example1.js"></script>

        <script src="example2.js"></script>

        </head>

        <body>

        <!-- 这里是页面内容 -->

        </body>

    </html>
现代 Web 应用程序通常

将所有 JavaScript 引用放在<body>元素中的页面内容后面,如下面的例子所示
    <html>

        <head>

        <title>Example HTML Page</title>

        </head>

        <body>

        <!-- 这里是页面内容 -->

        <script src="example1.js"></script>

        <script src="example2.js"></script>

        </body>

    </html>