Динамическая подгрузка JavaScript

Теги: ,

При устранении последних неполадок на сайте, восстановил все заметки кроме одной, но важной. Сегодня я решил восстановить ее из локальной RSS-читалки, т.к контент действительно интересен для разработчиков, и применялся этой ночью мной на практике.

Сегодня читал рассылку "Новые технологии веб-программирования", и очень проникся идеей которая предложена в статье "JavaScript-по-запросу".

Идея в том, чтобы на сайтах, содержащих большое количество скриптов(например, AJAX`овских), при начальной загрузке страницы загружались не все скрипты сразу, а только скелетный, остальные же подгружались по мере необходимости.

От себя чуточку доработал метод подгрузки на основе DOM с тем чтобы слегка универсализировать функцию:

 
   function loadOurScript(source){
    var head = document.getElementsByTagName("head")[0];
    script=document.createElement('script');
    script.id='formPrinter';
    script.type='text/javascript';
    script.src=source;
    head.appendChild(script);
   }
 

Использование: для тестирования функции создаем любой элемент с обработкой события OnClick, вызывающей нашу функцию loadOurScript с именем или адресом подгружаемого скрипта в параметре.


<button onClick="loadOurScript('1.js')">load 1.js</button>

В полевых же условиях, область применения ограничивается только фантазией разработчика. Скрипт можно подгрузить в ответ на любое событие :)

Статьи схожей тематики:

Создание и использование плагинов FCKeditor

Новый плагин для FCKeditor - scaleimages

Документация по FCKeditor JavaScript API

Подключаем к FCKeditor видео с RuTube

FCKeditor и настройка диалогов

Комментарии(3):

rss-лента

Добавлено: 2008-02-23 19:36:22, Витёк

Не изобретай велосипед, уже давно такая техника используется в AJAX-библиотеке JsHttpRequest от Дмитрия Котерова (http://dklab.ru/lib/JsHttpRequest/).

Добавлено: 2009-05-07 23:49:12, sjinks

У Сафари 2 есть проблема с таким подходом... Для него приходится делать document.write :-(

Добавлено: 2010-06-09 14:58:14, spam!

<script>alert('Script Injection');</script>

Добавить комментарий

Ваше имя:*
Ваш email:*(не публикуется)
Ваш блог:
Ваш комментарий:*

Переносы строк и url-адреса преобразуются автоматически, не забудьте отделить их пробелами. html и bb-коды не поддерживаются.

смена по ремонт nokia Качественно|Покупка квартиры от инвестора в новостройках от застройщика. Новостройка квартиры от застройщика. стиральные машины в Екатеринбурге по доступным ценам