Как вставить script в HTML-голову динамически с помощью Javascript?
Как вставить script в HTML-голову динамически с помощью Javascript?
Ответ 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);
Ответ 2
document.head.appendChild(document.createElement('script').setAttribute('src','http://ex.com/javascript.js'));
Ответ 3
Вот как я ввел функцию "на лету" без какого-либо исходного файла и т.д.
document.head.appendChild(document.createElement('script').text = 'function LogIt(msg) { console.log(msg);}' );
И для инъекции в тело
document.body.appendChild(document.createElement('script').text = 'function LogIt(msg) { console.log(msg);}' );
после выполнения этого, если вы попробуете LogIt('hello');
, вы должны увидеть "привет" на консоли.