Comment puis-je insérer un script dans la tête HTML de manière dynamique à l'aide de JavaScript ?

Question

Comment puis-je insérer un script dans la tête HTML de manière dynamique à l'aide de JavaScript ?

Answer 1

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onload = function() {
    callFunctionFromScript();
}
script.src = 'path/to/your-script.js';
head.appendChild(script);

Answer 2

document.head.appendChild(document.createElement('script').setAttribute('src','http://ex.com/javascript.js'));

Answer 3

Voici comment j'ai injecté une fonction à la volée sans aucun fichier source, etc.

 document.head.appendChild(document.createElement('script').text = 'function LogIt(msg) { console.log(msg);}' );

Et d'injecter au corps

 document.body.appendChild(document.createElement('script').text = 'function LogIt(msg) { console.log(msg);}' );

Après avoir exécuté ceci, si vous essayez LogIt('hello'); , vous devriez voir 'hello' dans la console.