У меня есть файл js, который я хочу динамически загружать на веб-странице с помощью JavaScript. Я хочу загрузить файл после загрузки веб-страницы.Как загружать файл javascript динамически?
Любая помощь приветствуется.
У меня есть файл js, который я хочу динамически загружать на веб-странице с помощью JavaScript. Я хочу загрузить файл после загрузки веб-страницы.Как загружать файл javascript динамически?
Любая помощь приветствуется.
Вы можете сделать это с чистым Javascript или JQuery, здесь есть два пути (я предпочитаю путь JQuery):
JavaScript
var h = document.getElementsByTagName('head')[0];
var s = document.createElement('script');
s.src = 'http://url.to/your/script.js';
h.appendChild(s);
JQuery
$.getScript('http://url.to/your/script.js');
window.onload = function() {
var head = document.getElementsByTagName('head').item(0);
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', 'some.js');
head.appendChild(script);
}
Ответ, который вы ищете, это тот, который уже дал багони. Я хотел бы добавить, что есть также множество библиотек, которые обертывают эту функциональность, работают в перекрестном браузере и будут делать некоторую оптимизацию. Я часто использую requireJS для этого: http://requirejs.org/
Являясь своего рода ответчиком, я нахожу RequireJS очень практичным подходом - и, несомненно, превосходит * другую * ручную реализацию. Тем не менее, я считаю, что RJS подчиняется CORS (поскольку он использует XHR, а не элементы SCRIPT, IIRC). – user2864740
Да, вы правы. Это не настоящий ответ. Я изменил его, чтобы пояснить, что мой ответ был дополнением к правильному, которое уже было дано. – koenpeters