Код?... Это просто!
php js Jquery JsPhp blog
ТЕГИ:
php (100)
js (87)
php date (19)
online (14)
html (14)
js slice (13)
js array (11)
encode (11)
js date (10)
php array (10)
hash (10)
info (7)
dosite (7)
php img (7)
jsphp (6)
Показать еще :

Include_once js

"include_once js", include_once javascript, что такое "include_once js"? Пример использования "include_once в javascript".

Подробно о include_once в js с примерами.

  1. Пишем функцию include_once.
  2. Готовый код функции include_once
  3. Проверяем работу include_once
  1. Пишем функцию include_once.

    Это не первый вариант функции "include_once".

    Но прошло время и предыдущая версия не очень-то элегантно выглядит... поэтому!

    Давайте напишем функцию "include_once в js" заново!

    Для создания функции include_once в js понадобится:

    Нам нужно создать идентификатор(уникальный - ну например по названию файла), чтобы как-то идентифицировать подключаемый файл! Ваши предложения?

    Уникальный идентификатор подключаемого файла в include_once.

    Получим название файла из аргумента функции .

    Разобьем в массив по слешу split.

    path.split('/')

    Получим последний элемент массива - pop.:

    path.split('/').pop()

    Опять разобьем в массив, но только по точке... потому, что точка присутствует как минимум в расширении:

    split('.')

    Теперь... полученный массив превратим в строку и все меж ячеечные пространства заменим на нижнее подчеркивание - join.:

    join('_')

    Создадим пустой массив в window.

    window.id = {};

    Проверим на отсутствие данной ячейки(уникального идетификатора)

    if ( !window[id] )

    Если условие сработало, то:

    Создаем новый элемент "script" с помощью createElement с одноименной переменной.

    var script = document.createElement('script');

    С помощью setAttribute добавим атрибут "src" и поместим в него путь, указанный в атрибуте функции.

    script.setAttribute('src', path );

    Добавим appendChild созданный элемент в конец тега "head"

    document.head.appendChild( script );

    Добавим наш уникальный id в массив "window{}"

    window[id] = 1;

    Теперь вы можете перейти к готовому коду функции и тестированию:

  2. Готовый код функции include_once

    Ну и далее соберем весь код функции в одном месте:

    Друзья! Пожалуйста уважайте чужой труд!

    Пожалуйста! Не удаляйте авторство. Это единственное, что я вас прошу!!!

    Friends! Please respect the work of others!

    You are welcome! Do not delete the authorship. That's the only thing I ask of you!!!

    <script>

    function include_once( path ) {

    var id = ( path.split('/').pop() ).split('.').join('_');

    window.id = {};

    if ( !window[id] ) {

    var script = document.createElement('script');

    script.setAttribute('src', path );

    document.head.appendChild( script );

    window[id] = 1;

    }

    // author( автор ) : Aminev Marat https://jsphp.ru/

    }

    </script>

    Пример использования include_once:

    Если не знаете, как должна выглядеть страница с подключенной функцией "include_once", то вот вам пример на отдельной странице:

    index.txt.
  3. Проверяем работу include_once

    Для того, чтобы проверить правильную работу include_once вам понадобится:

    Кратко:

    Физически создать 4 файла в двух папках.

    Дважды повторяемые 2 файла с одинаковыми названиями.

    И испытать include_once.

    Для того, чтобы увидеть разницу... создадим два файла.

    С неработающим "include_once".

    И работающим include_once .

    Подробное описание проверки работы include_once:

    Создаем, как было сказано выше... 4 файла, в двух папках, с дважды повторяемыми названиями:

    <script>include_once('путь/1/include_once.js');</script>

    <script>include_once('путь/1/include_once_1.js');</script>

    <script>include_once('путь/2/include_once.js');</script>

    <script>include_once('путь/2/include_once_1.js');</script>

    В каждый из файлов поместим alert.

    alert('Это файл 1, папка 2 - include_once.js');

    alert('Это файл 2, папка 1, include_once_1.js');

    alert('

    Это файл 3, папка 2 - include_once.js');

    alert('Это файл 4 - папка 2 include_once_1.js');

    Первый файл с неработающим include_once js:

    В файле "index.html" - поместим "include_once" с выше перечисленными файлами, НО! include_once будет работать без проверки файлов... смотрим( что там? ):

    index.html

    Второй файл с работающим include_once js:

    Далее... во второй файл поместим всё тоже самое, но только с правильно работающей функцией include_once( что там? ):

    index_2.html
jsphp.ru есть здесь:
Полезные ссылки:
ruweb
Я писал немного о ruweb.net!
Помочь проекту JsPhp.ru

Что можно сделать!?

Поделиться ссылкой! C друзьями или врагами!


Помочь проекту JSPHP.RU: Помочь проекту JSPHP.RU прокомментировать :

Скоро...


Мои Проекты :

Скоро...



О хостинге :

Скоро...


© jsphp.ru 2023 - 2024 , Аминев Марат. Контакты
Страница загружена за : 0.005904 секунд.