Согласие на обработку персональных данных.

11.12.2019
Новые видео и статья Orwell Dev Cpp.

07.12.2019
Новые видео и статья Как изменить шрифт в HTML.

03.12.2019
Новый выпуск журнала Автоматизация и Программирование.

26.11.2019
Новые видео и статья Классы, конструкторы и прототипы в JavaScript.

22.11.2019
Новые видео и статья Функции в JavaScript.



Раздел: Сайтостроение / JavaScript /

Как программно создать HTML-разметку

Что такое JavaScript Что такое JavaScript

Небольшая книга о JavaScript, которая поможет вам в изучении JavaScript. В книге и рассылке сведения для начинающих: что такое JavaScript, как это работает, письма, которые помогут принять решение, надо ли вам это или нет, а также полезные ссылки на обучающие материалы. Подробнее...

Очень часто в сайтостроении приходится выводить какую-то информацию на веб-странице в процессе её открытия, то есть не статически, а динамически.

Что это значит?

Как известно, обычная HTML-страница выводит текст, который форматируется с помощью HTML-разметки (специальных тегов). И для статической страницы этого вполне достаточно - вы просто один раз создали страницу и пользователь видит её такой, какой вы её создали.

Однако, нередко возникает необходимость создания динамических страниц, то есть страниц, на которых выводится информация, которая может изменяться с течением времени.

Например, вы решили выводить на своём сайте текущую дату. Ну не будете же вы каждый день редактировать страницу. Разумнее написать специальный сценарий, который будет получать текущую дату и вставлять её в нужное место страницы.

То же самое касается курсов валют, цен на топливо и прочих меняющихся значений. Каких именно - зависит от тематики вашего сайта.

Как это сделать? С помощью сценариев JavaScript - легко:

document.write(‘Здесь текст’);

Разумеется, вместо текста вы можете вывести результат работы какой-то функции. Кроме того, вы можете выводить не только обычный текст, но и теги HTML-разметки. И таким образом полностью создавать страницу динамически, то есть во время её открытия.

Пример создания динамической страницы
Чтобы проверить работу сценария - обновите страницу несколько раз (F5)


Подсказка

Чтобы посмотреть исходный код страницы, в большинстве браузеров надо нажать сочетание клавиш CTRL + U.

Ну и как всегда рекомендую полный видеокурс по JavaScript:

>>> JavaScript, jQuery и Ajax с нуля до гуру >>>



Что такое JavaScript Что такое JavaScript

Небольшая книга о JavaScript, которая поможет вам в изучении JavaScript. В книге и рассылке сведения для начинающих: что такое JavaScript, как это работает, письма, которые помогут принять решение, надо ли вам это или нет, а также полезные ссылки на обучающие материалы. Подробнее...

Инфо-МАСТЕР ®
Все права защищены ©
e-mail: mail@info-master.su

Яндекс.Метрика