DOMツリー内で外部JavaScriptリソースをどこに挿入するかは重要ですか？

Question

私は、公式の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> 

それはfjs.parentNodeに作成した<script>タグを挿入します。それは設計によるのですか？

私は置き換え書く場合：

fjs.parentNode.insertBefore(js, fjs); 

で：

document.head.appendChild(js); 

それはまだ動作しますか？

Answer 1

はい両方が動作しますが、

fjs.parentNode.insertBefore(js, fjs); 

これはこれは、ヘッド内のすべてのJSの後に挿入するすべてのJSファイルの前にJSを挿入し、他の側

document.head.appendChild(js); 

ます。