В этом уроке я покажу, как выводить содержимое текстовых файлов или HTML-документов в Вашу страницу. Для этого нам понадобятся три файла:
- файл с текстом, который нужно показывать на вашей странице,
- Сама Web-страница, на которой выводится нужный контент,
- Библиотека jQuery.
- Предварительно создайте документ, например, html-страницу с некоторым содержимым (текстом, картинками, списками и т.д.) и сохраните ее в своей папке под именем somefile.html.
- Создайте новую Web-страницу, где будем в дальнейшем выводить содержание предыдущего документа, и сохраните его под именем, например index.html
- В разделе HEAD добавьте код подключения библиотеки jQuery: она должна быть в папке js, в противном случае откорректируйте url в параметре crs данного тега.
- Добавьте в тот же раздел стиль content для красоты:
При необходимости в стиле можно указать высоту блока и определить автоматический вывод полосы прокрутки, если содержимое не поместится в блок.
- В раздел BODY добавьте тег DIV следующего содержания:
- Ниже блока, определенного вышеуказанным тегом DIV вставьте скрипт:
Это важно, данный скрипт должен находиться ниже блока DIV, в который будем выводить информацию.
- Сохраните страницу и проверьте работу.
Внимание! Это работает только на локальном или Web-сервере (загружать можно, например, через localhost) т.к. скрипт выполняет чтение файла и зaгрузку его содержимого в Web-страницу.
Добавить комментарий: