Динамически загружать внешний JavaScript на страницу

Автор：Eve Cole Время обновления：2009-05-31 00:37:33

Иногда необходимо динамически вводить кусок javascript после загрузки определенного div на веб-странице. Решение в IE:

Ниже приводится цитируемое содержание:
КОД:
newjs.onreadystatechange = функция () {
if (newjs.readyState == 'loaded') {
// готовый!
}
}

newjs.onload = функция () {
// готовый!
}

В основном используются события onload и onreadystatechange. Воспользовавшись этим, вы также можете динамически загружать внешний CSS. Ниже приведен метод записи, подходящий как для Ie, так и для Firefox.

Ниже приводится цитируемое содержание:
КОД:
вар CSS;
функция include_css (css_file) {
вар html_doc = document. getElementsByTagName ('head') [0];
css = document.createElement('ссылка');
css.setAttribute('rel', 'таблица стилей');
css.setAttribute('тип', 'текст/css');
css.setAttribute('href', css_file);
html_doc.appendChild(css);

// изменение состояния оповещения
css.onreadystatechange = функция () {
if (css.readyState == 'complete') {
alert('CSS onreadystatechange запущен');
}
}
css.onload = функция () {
alert('Сработала загрузка CSS');
}
вернуть ложь;
}

вар js;
функция include_js (файл) {
вар html_doc = document. getElementsByTagName ('head') [0];
js = document.createElement('скрипт');
js.setAttribute('тип', 'текст/javascript');
js.setAttribute('src', файл);
html_doc.appendChild(js);

js.onreadystatechange = функция () {
if (js.readyState == 'complete') {
alert('JS onreadystate запущен');
}
}

js.onload = функция () {
alert('Загрузка JS запущена');
}
вернуть ложь;
}