Подключение Javascript
Добрый день уважаемые посетители моего блога zacompom.
Сегодня мы поговорим про такую вещь как правильное подключение javascript. Может кому-то и понадобится. Пост будет маленьким, но очень полезным. Итак поехали.
Ниже представлены 3 javascript функции цель которых подключение javascript файлов. То есть они дают возможность подключения javascript файлов на лету.
1. Функция include() – эта функция будет просто подключать javascript’овый файл, без всяких извращений, используя функцию document.write():
Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится — тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.function include(url) { document.write(‘<‘ + ‘script’); document.write(‘ language=»javascript»‘); document.write(‘ type=»text/javascript»‘); document.write(‘ src=»‘ + url + ‘»>’); document.write(»); }
2. Функция include_inhead() – функция подключает файл в тег head, а не где попало как это делает предыдущая функция, а также подключение происходит более правильным путем так как используется функция document.createElement:
function include_inhead(url) { var html_doc = document.getElementsByTagName(‘head’).item(0); var js = document.createElement(‘script’); js.setAttribute(‘language’, ‘javascript’); js.setAttribute(‘type’, ‘text/javascript’); js.setAttribute(‘src’, url); html_doc.appendChild(js); return false; }
3. Функция require_once() – функция будет не просто подключать файл, а будет еще проверять его на подключенность, то есть аналог PHP функции require_once(). Для реализации такого эффекта нам во первых понадобится создать глобальный массив в котором будем записывать все включаемые файлы:
var included_files = new Array();
Дальше придется написать функцию которая будет проверять вхождение подключаемых файла в массив, то есть проверять на включенность:
function in_array(needle, haystack) { for (var i = 0; i < haystack.length; i++) { if (haystack[i] == needle) { return true; } } return false; }
Дело осталось за малым, в конечной функции проверяем переданный url на включенность и подключаем его с помощью функции include_inhead() (2ая функция):
function require_once(url) { if (!in_array(url, included_files)) { included_files[included_files.length] = url; include_inhead(url); } }