Аналог include_once из php в javascript

"include_once javascript" или как написать функцию "Аналог include_once из php в javascript"

Подробно об аналоге include_once из php в javascript

1. Логика аналога include_once из php в javascript
2. Проверка работы include_once из php в javascript
3. Вторая версия include_once

Логика аналога include_once из php в javascript

Как работает аналог include_once из php в javascript

Получаем "id" скрипта - это будет название файла с разрешением :

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

Если мы применим к адресу выше приведенный код... :

Внимание!

Функция "include_once" будет работать при условии, что название файла будет одинаковым.

https://dwweb.ru/js/jquery-3.3.1.min.js

То получим:

Проверяем есть ли уже блок с нашим id

if (!document.getElementByIdid)

Если нет, то ставим этот блок в месте расположения :

document.write('');

Подключаем script в head:

var script = document.createElement('script');
script.setAttribute('src', path );
document.head.appendChildscript;


Соберем весь код функции include_once ...

Аналог include_once из php в javascript

function include_once( path ) {

  // original by: Aminev Marat https://dwweb.ru/

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

  if (!document.getElementById( id ))

    {

      document.write('<span id="'+id+'" style="width:0px;height:0px;opacity:0;position:absolute;"></span>');

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

      script.setAttribute('src', path );

      document.head.appendChild( script );

  }

}

Главное условие работы функции include_once из php в javascript

Название файла должно быть одинаковым:

<script>include_once('https://dwweb.ru/js/jquery-3.3.1.min.js')</script>

...

<script>include_once('https://другой_путь/jquery-3.3.1.min.js')</script>

Проверка работы include_once из php в javascript

Чтобы проверить нашу функцию include_once в javascript нам потребуется знать id.

Внутрь функции помещаем:

console.log( id );

Открываем консоль и смотрим, в нашем примере dw_hide_show_js и dw_resize_js - копируем одну строку :



На скрине смотрим... рядом с кнопкой "консоль" - есть "elements" - заходим.

Нажимаем "ctrl + F" в поле вставляем "скопированное"...

Здесь мы видим, что скопированный "id" есть и он один... значит include_once в javascript сработал 1 раз!

Нажмите, чтобы открыть в новом окне.