Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Уроки веб-дизайна с подробными примерами


Уважаемые подписчики!

Представляю Вашему вниманию двадцать шестой выпуск информационной рассылки сайта "Веб дизайн в примерах". В этом выпуске мы продолжим серию уроков, посвященных JavaScript.

Рекомендуем Вам подписаться на рассылку "Новости науки и образования. Знаменательные даты". Эта рассылка нацелена на людей, интересующихся последними достижениями науки, развитием и перспективами технической цивилизации, актуальными проблемами современного естествознания и путями их решения. В еженедельных выпусках мы будем знакомить Вас с последними информационными, образовательными и научными публикациями нашего сайта и последними новостями мира науки и образования. Искренне надеемся, что эти выпуски будут Вам интересны и Вы откроите для себя что-то новое и полезное.

Наш новый проект: Свободное программное обеспечение - здесь можно скачать совершенно бесплатно и легально игры, программы, информационные и образовательные документы. Обновления каждую неделю.

Готовитесь к поступлению в ВУЗ (или уже поступили)? Проверьте соответствует ли выбрнная специальность вашему стилю мышления.

В этом выпуске мы начнем знакомство с объектом, связанным с физическим содержанием HTML документа - document.

document - физически загруженный документ. Структура использования следующая:

 [window.]document.propertyName
 [window.]document.methodName([parameters])

Базовый объект window в начале можно не писать. Это относится ко всем методам объекта document описанным ниже.

document.forms[] - доступ к формам документа по индексу (поля формы). Структура использования следующая:

 document.forms.length // Число элементов формы
 document.forms[0] // Первый элемент
 document.forms["formName"] // Доступ к форме по имени
 document.formName // тоже самое

Подробно эту конструкцию мы рассмотрим в отдельном выпуске.

document.images[] - доступ к кантинкам документа.

 if (document.images) { // если есть в документе картинки ...
  // ... то работаем с ними
 }

document.write() - вывести строку в текст документа во время первоначальной загрузки документа. При ввыводе в текущий документ после загрузки документа содержимое перезаписывается. Обязательно использование document.close() после завершения записи. Фактически это наиболее используемый и достаточно мощный инструмент управления содержимым при создании документа. Подробно работу с этим элементов (на ряду с инструментом изменения содержания уже загруженного документа мы рассмотрим в следующих выпусках).

document.createElement(), document.createTextNode() - создание HTML тега и текстового содержимого во время загрузки документа. Пример создания абзаца с текстом (создаются переменные, через которые с помощью скрипта можно управлять содержимым созданного элемента):

 var newElem = document.createElement("p"); // Создаем абзац ...
 var newText = document.createTextNode("Greetings to all."); // ... и заполняем его содержимым

document.getElementById() - доступ к элементам по их id. Пример:

 var oneTable = document.getElementById("salesResults");

В следующем выпуске мы закрепим пройденное на нескольких полноценых сценариях JavaScript и подготовимся к достижению новой цели - обработка данных формы.

P.S. Если Вы используете почтовую программу The Bat!, то письмо может отображаться некорректно. Для того, чтобы просмотреть правильный вариант, щелкните два раза на аттачменте Part.html и откройте письмо (кнопка "No/Нет").


В избранное