web-dev-qa-db-fra.com

Comment insérer un script dans HTML head dynamiquement en utilisant Javascript?

Comment insérer un script dans HTML head dynamiquement en utilisant Javascript?

33
Wasim A.
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);
44
Bugs Bunny
document.head.appendChild(document.createElement('script').setAttribute('src','http://ex.com/javascript.js'));
1

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

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

Et 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 «Bonjour» sur la console.

1
RAJ