<script async > vs document.getElementsByTagName('script')[0].insertBefore etc.?

Question

这两个之间是否有实质区别：

<script type="text/javascript" src="/script.js" async></script>

并且。

(function() {
  var s = document.createElement('script'); 
  s.type = 'text/javascript'; 
  s.async = true; 
  s.src = 'script.js'; 
  var x = document.getElementsByTagName('script')[0]; 
  x.parentNode.insertBefore(s, x)
;})();

?

- Jordan Feldstein

---

你为什么想要做第二个？ - Paul S.

Answer 1

我只能引用 MDN的话：

在不支持“async”属性的老浏览器中，由解析器插入的脚本会阻止解析器；在IE和WebKit中，由脚本插入的脚本是异步执行的，但在Opera和4.0之前的Firefox中是同步执行的。因此，换句话说，在老的IE和WebKit浏览器中，第二个选项仍然会异步评估脚本。

- Felix Kling