ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

include javascript js,html,php

2019/08/26 Марат 70 0 PHP | JS |

Прошу не путать 1)include javascript и 2)includes javascript - это совершенно разные вещи!

Вообще люди ищут способы реализации инклуда в яваскрипте(javascript). И я в том числе искал, но в обычном понимании, как например в php – include – просто не существует!

И … мы немного забежали вперед…

Давайте сперва выведем понятие, что мы собственно имеем ввиду говоря – include и include в javascript

В это словосочетание include и include в javascript – я вкладываю единственный смысл, который и позиционируется в php – включать другой файл, включать содержимое второго файла в первый или наоборот…
И тут…

Я вам открою секрет, который нигде я не видел, и никто об этом не говорил… ну по крайне мере… я такого не увидел!

В javascript по умолчанию include существует!

Причем… я неоднократно к этому возвращался… и возвращался… пока сам не начал изучать javascript.

И не смог разобраться – как это работает.. как это должно работать...

Если вы спрашиваете себя и меня зачем нужен include в javascript, то поверьте моему опыту… что бывают такие ситуации, о которых вы и предположить даже не можете… пока сами к этому не подойдете или не пройдете через это…

И выше приведенное утверждение я вам докажу и покажу, как оно может работать и выглядеть…

  1. Посмотрите направо от данного текста
  2. - в правом столбце все, что вы видите загружается через javascript include (хоть оно так себя и не позиционирует…)

  3. Для иллюстрации выше приведенного примера нам нужны примеры и примеры кода!

  4. Код совершенно простой…

    Пример подключения include в javascript №1
  5. Нам нужно подключить javascript, как обычный js файл
  6. <script src="ЗДЕСЬ_ПУТЬ_ДО_ВАШЕГО_ФАЙЛА"></script>

    В нашем примере это будет выглядеть так:

    <script src="/__a-data/___new_dw/__template/js/example_include_in_ javascript.js"></script>
  7. Далее нам понадобится второй файл, откуда будем получать и выводить данные на эту страницу...
  8. Откуда будем получать...

    А вот сюда мы получим содержимое данного файла и выведем его содержимое.

    Результат:

  9. Для вывода большого текста с переносами…
  10. придется немного попотеть…
    Пример подключения include в javascript №2

    А именно, что в такой конструкции js не любит переносы…

    Поэтому… нам нужен второй файл для иллюстрации этого примера….

    Результат:

    Этот вариант использования include в javascript, например пригодится, когда у вас нет php.

    Хотя это довольно странно в 2019году.. хотя адептов бесплатного хостинга еще навалом!


  11. А если есть php!?
  12. Пример подключения include в javascript №3 И нам нужно вывести содержимое большого файла… не буду же я каждую строку так обертывать в скобки прибавляя плюс, как вот здесь.

    У нас есть php мы его будем использовать…

    Мы применим php для того, чтобы превратить неудобоваримый контент для include в javascript в удобоваримый…

    Этот процесс можно реализовать по-разному…

    Можно например подключить сразу php файл…
    <script src="https://dwweb.ru/__a-data/_primer/js/include/include_js/example_include_in_javascript_3.php"></script>

    Что будем делать!?

    В переменную загоним наш текст, заменим переносы с помощью функции str_replace на одинарные кавычки с плюсом и переносом:'+\n'
    После эхо поставим document.write('
    После функции поставим : ');
    Какой код у нас получился...
    <?

    $var ="Пример инклуда через JS<br>

    С несколькими строками<br>

    Вторая строчка<br>

    Третья строчка<br>

    и количество строк при этом способе может быть неограниченное количество.<br>

    и тд...<br>";

    echo "document.write('".str_replace("\n", "'+\n'", $var)."');";

    ?>

    Результат:

И!

Не важно какой тип вы хотите загрузить с помощью выше описанного способа ... html или php - лишь бы выполнялось соответствующее требование javascript которое описано в пункте №3.

Не забудь !
Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 43.6
Название скрипта и номер :Пример подключения include в javascript
Пример - Пример подключения include в javascript
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:
include javascript js html php

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019