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

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

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

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

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

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

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

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

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

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

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

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

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

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

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