Question

截至2017年7月，从HTML页面调用外部Javascript文件的最佳做法是什么？

1）在具有DEFER属性的HEAD中：

<head>
    <title></title>
    <script src="script.js" defer></script>
</head>

2）在没有DEFER属性的HEAD中，将所有js代码放在一个在加载DOM后触发的函数中。

<head>
    <title></title>
    <script src="script.js"></script>
</head>

script.js文件：

function init() {
    // all JS code in here
}
window.onload = init;

3）立即关闭BODY标签：

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

4）关闭BODY标签后立即：

...
</body>
<script src="script.js"></script>
</html>

5）其他一些方式？

Answer 1

调用外部JavaScript的最佳方法是对于正文（<script type="text/javascript" src="script.js" async></script>）的结束标记之前的</body>。

async允许DOM在找到<script>标记时不会停止其进程。