JavaScript скрипты
Динамическая подгрузка скриптов
В данном примере рассматривается возможность динамически подгружать скрипты JavaScript, находящиеся в отдельных файлах на сервере. Так же описано альтернативное использование - подгрузка документа с избеганием кеширования
Вот небольшой скрипт, который позволяет динамически подгружать JavaScript код на страницу:
function $import(src){
var scriptElem = document.createElement('script');
scriptElem.setAttribute('src',src);
scriptElem.setAttribute('type','text/javascript');
document.getElementsByTagName('head')[0].appendChild(scriptElem);
}
Для подключения файла необходимо просто вызвать эту функцию и передать ей URL скрипта (желательно относительный, то есть начинающийся со слеша, без указания домена)
Избегаем кеширования .js файлов
Для того чтобы обновленный файл всегда загружался заново (а не брался из кеша) можно использовать эту нехитрую функцию:
// подключаем вместе со случайным GET-параметром, чтобы избежать кеширования
function $importNoCache(src){
var ms = new Date().getTime().toString();
var seed = "?" + ms;
$import(src + seed);
}
Они динамически подгрузит файл со случайным параметром (в данном случае случайный параметр - текущее время.)
Теперь чтобы подгрузить файл, надо просто вызвать эту функцию и передать ей путь к скрипту, как было описано выше.
Однако стоит обратить внимание на то, что отключение кэша таким вот образом повлечет за собой увеличение трафика и времени загрузки страницы (особенно если скрипт большой или интернет не шибко быстрый). Поэтому этим методом лучше не пользоваться если скрипт не меняется. Этот метод обычно применяется во время разработки или в случае когда подгружаемый скрипт меняется на сервере автоматически каким-нибудь скриптом, например запускаемым по крону.
Автор: Козыч Антон