請(qǐng)問(wèn)什么情況下script tag的位置可以是在HTML的head tag里面？

最近在學(xué)習(xí)前端。遇到一個(gè)常見(jiàn)的問(wèn)題，就是在script tag在HTML中的位置應(yīng)該放哪。

有一個(gè)例子， HTML markups是這樣的

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src='js.js'>
    </script>
  </head>
  <body>
  </body>
</html>

JS file是這樣的

var loadTime = document.createElement('div');
loadTime.textContent = 'You loaded this page on: ' + new Date();
loadTime.style.color = 'blue';
document.body.appendChild(loadTime);

我一開(kāi)始認(rèn)為這個(gè)JS里面沒(méi)有依賴任何目前HTML里的DOM元素，所以我放在HTML的任何位置效果都是一樣的。但是運(yùn)行之后發(fā)現(xiàn)，放在head里面是不行的，還得放在body closing tag之前。

這讓我產(chǎn)生了一個(gè)疑問(wèn)，如果這樣的script都不能放在head里面的話，那什么樣的script才能放在head里面？

另外我知道現(xiàn)在script tag有兩個(gè)attribute async?and?defer 可以讓瀏覽器在渲染HTML的時(shí)候，遇到了script不阻塞。而且http://caniuse.com/#feat=scri... 上面說(shuō)也有94.59%的瀏覽器現(xiàn)在支持這個(gè)attr。但是我在網(wǎng)上看了一圈，從來(lái)沒(méi)有看到有哪個(gè)網(wǎng)站用過(guò)這個(gè)attr。

回答

編輯回答