jQuery getScript() vs document.createElement ('script')

Question

Suponiendo que ambos enfoques carguen el script correctamente, y que espere la cantidad de tiempo adecuada antes de usar el script (y/o uso de una devolución de llamada), ¿qué son las principales diferencias entre estos enfoques.

Nota: Entiendo que el primero use jQuery (que es una descarga más grande, etc.). Lo que realmente me interesa es el efecto posterior de estos enfoques. ¿Uno coloca el script en un ámbito diferente al otro? Etc.

jQuery:

function loadScript() { 
    $.getScript('http://www.mydomain/myscript.js'); 
} 

Al añadir al cuerpo:

function loadScript() { 
    var script= document.createElement('script'); 
    script.type= 'text/javascript'; 
    script.src= 'http://www.mydomain/myscript.js'; 
    script.async = true; 
    document.body.appendChild(script); 
} 

Al añadir a la cabeza:

function loadScript() { 
    var head= document.getElementsByTagName('head')[0]; 
    var script= document.createElement('script'); 
    script.type= 'text/javascript'; 
    script.src= 'http://www.mydomain/myscript.js'; 
    script.async = true; 
    head.appendChild(script); 
} 

Answer 1

jQuery añade el elemento script a head si está presente, o para document elemento ot herwise Debajo del capó the code is similar. El resultado final será el mismo: ambos enfoques ejecutan código nuevo en el ámbito global.

Última pregunta

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Cuestiones relacionadas

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.