Как подгрузить HTML-код из файла силами JavaScript на web-страницу через объект XMLHttpRequest?

Способ 1 — скачивание html, js, css своими руками

Этот метод подразумевает скачивание всех элементов кода вручную. Вам не потребуются сторонние программы или сервисы, всё что нужно — простой редактор кода. Хорошими вариантами являются Notepad++ или Brackets. Данный способ подходит для небольших веб-сайтов, огромные порталы с тысячами страниц вы и за месяц не скачаете.

Для начала создайте корневую папку, в которой должны располагаться все элементы веб-сайта. Внутри нужно создать 3 папки: для скриптов, стилей и картинок. Название папок можете выбрать самостоятельно, главное — не запутайтесь. Самые распространенные названия: img, scripts, styles.

Вступление

image_1676.png

Плагин Include Me поможет Вам подключить в записи или страницы сайта отдельные файлы, обычно разделяемые между разными страницами или записями, и содержащие PHP, HTML или иной код, который может быть испорчен визуальным редактором WordPress.

Загрузить плагин можно здесь:

https://ru.wordpress.org/plugins/include-me/

Скачивание html кода

Заходим на главную страницу сайта, который вас интересует. Чтобы открыть html код нажмите комбинацию клавиш ctrl + U. html код откроется в новой вкладке или на боковой панели.

1.jpg

Открываем любой кодовый редактор, создаем файл, который и будет служить основой для сайта. Вставляем туда весь скопированный html-код, сохраняем его. При сохранении следите за тем, чтобы файл имел расширение .html и находился в корневой папке, в её центре, а не в отдельной. Корневая папка — папка, в которой расположены image, css и js.

Для того, чтобы сохранить оставшиеся веб-страницы, делаем то же самое. Находим код, открываем его и копируем, вставляем, а затем сохраняем в файле. Все html файлы лучше сохранять в корневой папке, чтобы их было проще найти. Для большего удобства давайте файлам английские названия.

Создание пакетного файла с помощью командной строки

Шаг 1. Для запуска командной строки в меню «Пуск» используйте диалог «Найти программы и файлы» Вы должны задать параметр поиска cmd и кликнуть левой кнопкой мыши по пиктограмме в разделе «Программы».

V-parametre-poiska-vvodim-cmd-i-klikaem-levoj-knopkoj-my-shi-po-piktogramme-v-razdele-Programmy-.jpgВ параметре поиска вводим cmd и кликаем левой кнопкой мыши по пиктограмме в разделе «Программы»

Шаг 2. Для хранения написанных батников рекомендуется использовать отдельную директорию, поэтому выберите место на Вашем жестком диске и создайте специальную папку, путем ввода команды «MD D:Bat».

На заметку! Команда вводится без кавычек, пробел ставится только после использования MD. В описываемом случае папка с именем «Bat» будет создана на диске D. Командная строка нечувствительна к регистру, то есть результат выполнения «MD D:Bat», «md D:Bat» и «md d:Bat» будет одинаков.

Sozdaem-spetsial-nuyu-papku-putem-vvoda-komandy-MD-DBat-.jpgСоздаем специальную папку, путем ввода команды «MD D:Bat»

Шаг 3. Создайте собственно батник командой «@echo off > D:Batprobnik.bat».

D:Batprobnik.bat»» srcset=»https://pc-consultant.ru/wp-content/uploads/2018/02/Sozdaem-batnik-komandoj.jpg 624w, https://pc-consultant.ru/wp-content/uploads/2018/02/Sozdaem-batnik-komandoj-300×151.jpg 300w» sizes=»(max-width: 600px) 100vw, 600px» />Создаем батник командой «@echo off > D:Batprobnik.bat»

На заметку! В данном случае регистр важен при указании пути размещения, то есть папки «bat», «Bat» и «BAT» – три независимые и абсолютно разные директории. При указании на несуществующую папку, команда не будет выполнена. Учтите, сообщения об ошибке тоже не будет.

Шаг 4. Для изменения содержимого файла следует открыть место его хранения, вызвать контекстное меню и выбрать строку «Изменить».

Для изменения содержимого файла открываем место его хранения, вызываем контекстное меню и выбираем строку «Изменить»

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий