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

Теги: 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 и настройка диалогов

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

RSS сайта

и rss комментариев