javascript - 在DOM树中的哪个位置插入外部JavaScript资源是否重要？

我正在阅读官方的Facebook JS SDK脚本：

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'your-app-id',
      xfbml      : true,
      version    : 'v2.8'
    });
    FB.AppEvents.logPageView();
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

它将创建的<script>标记插入fjs.parentNode。这是设计使然吗？

如果我写替换：

fjs.parentNode.insertBefore(js, fjs);

与：

document.head.appendChild(js);

它仍然可以工作吗？

最佳答案

是的，两者都可以，但是

fjs.parentNode.insertBefore(js, fjs);

这将在所有JS文件和另一端之前插入JS

document.head.appendChild(js);

这将在Head中所有JS之后插入。

关于javascript - 在DOM树中的哪个位置插入外部JavaScript资源是否重要？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41016620/