Представляю Вашему вниманию двадцать шестой выпуск информационной рассылки сайта "Веб дизайн в примерах". В этом выпуске мы продолжим серию уроков, посвященных 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/Нет").