Вынос меню или другого интерфейса в отдельный файл
Например есть меню или модельное окно, сладер и тд, которое создано в трех файлах: html, css, js. Необходимо вынести его в отдельные файлы. Соответсвенно отденый js файл, отдельный css файл. с Этими двумя всё понятно. Но как вынести разметку html в отдельный файл? Ну то есть например, чтобы бы созданное и скрытое модальное окно не болталось в основном html файле, а лежало отдельно, в другом html файле.
|
Цитата:
https://zaurmag.ru/html5-css3/html-p...-pug-jade.html Или применить метод jQuery load() https://basicweb.ru/jquery/jquery_method_load.php |
А смысла?
Ну может и есть какой то смысл, для отдельной секции, которая не всем нужна, и пользователь то ли захочет ее посмотреть, то ли нет. Но не меню же, которое по любому должно быть. Выделение в отдельный файл с последующей загрузкой увеличивает время от обращения, до полной загрузки и показа страницы. Это не есть хорошо. Нервирует же, когда появляется одна часть страницы, потом вдруг еще какой то кусок врезается и раздвигает то, что уже видно.... |
А как для отдельной секции сделать, например, для всплывающего окна?
|
Ну держать этот html код в отдельном файле. Не важно с каким расширением, хоть .txt, хоть .html
Затем через fetch считать этот файл, как текст и вставить куда надо, через innerHTML. Если с этим куском связаны какие то css и js, то их надо считывать отдельно. Создать в <head> элементы <link> для CSS и <script> для js. И назначить им соответствующиe url Только все равно смысл не понятен. Что это экономит? При первом вызове окна будет заметная задержка. |
| Часовой пояс GMT +3, время: 08:26. |