從HTML頁面調用外部js文件的最佳方式（截至2017年7月）

截至2017年7月，從HTML頁面調用外部Javascript文件的最佳做法是什麼？從HTML頁面調用外部js文件的最佳方式（截至2017年7月）

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）之前的結束標記：

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

4）的結束標記之後立即：

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

5）其他方法？

調用外部JavaScript的最佳方法是在正文（</body>）的結束標記之前的 <script type="text/javascript" src="script.js" async></script>。

async允許DOM在發現<script>標記時不停止其進程。

2017-07-16 23:37:56

你有一個源代碼或文檔可以支持呢？ – hwdbc

@hwdbc是的，我有一個文檔。幾天前我通過了Google Mobile Sites認證。這是考試的一部分。 https://developers.google.com/speed/docs/insights/BlockingJS –

感謝您的交付。我問，因爲這將有助於OP獲得良好的文檔。 – hwdbc

回答