Главная :: Рассылки :: Первый скрипт на JavaScript
доля шутки...
"Ну и запросы у вас..." - сказала база данных и повисла.
Статистика

Первый скрипт на JavaScript

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

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

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

В прошлом выпуске мы написали первую простую информационную программу на JavaScript:

<html>
<head>
<title>Первый JavaScript</title>
<body>
<h1>Пример выполнения информационного скрипта:</h1>
<hr>
<script type="text/javascript">
<!-- скрыть скрипт от страрых браузеров, не распознающих JavaScript
document.write("Версия браузера " + navigator.appVersion + " браузера " + navigator.appName);
// конец скрытия скрипта от старых браузеров -->
</script>
</body>
</html>

Также мы научились формировать HTML-документ средствами JavaScript:

<script type="text/javascript">
<!--
document.write("Текст написан <b>полужирным</b> шрифтов и <i>курсивом</i>.");
-->
</script>

Прежде чем начать систематическое изучение JavaScript разберем философию JavaScript. Это прежде всего объектно-ориентированный язык. Помимо возможности создания собственный объектов, JavaScript может использовать мощную систему управления содержимым HTML страниц с помощью объектной модели DOM (Document Object Model). Для полноценной работы с JavaScript необходимо понимать принцип организации этой модели. Модель представляет собой иерархическое дерево наследования объектов. В основе лежит объект window. Этот объект описывает содержимое окна браузера. Следующий уровень иерархии объектов содержит объекты:

  • navigator - объект только для чтения, обеспечивает доступ к командам браузера, отвечающим за навигацию и к информационным командам;
  • screen - объект только для чтения, обеспечивает доступ к информации о физических параметрах экрана (разрешение);
  • history - доступ к истории просмотренных страниц (кнопки назад и вперед);
  • location - загругка содержимого в текущее окно или фрейм;
  • document - HTML документ загруженный на текущей странице.

Чтобы понять как работает объектная модель документа HTML рассмотрим простой пример:

<html>
<head></head>
<body></body>
</html>

Соответствующая объектная модель: document -> html -> head, body (здесь объект html наследуется от объекта document, объекты head и body наследуются от html).

Посмотрим, что произойдет, если мы добавим абзатц:

<html>
<head></head>
<body>
<p></p>
</body>
</html>

В объектной модели добавиться объект p как наследник объекта body: document -> html -> head, body -> p. Мы можем добавить текст в абзатц, содержащие другие объекты (например, теги выделения текста), тогда эти объекты также будут добавлены в объектную структуру.

О том, как управлять этой структурой мы поговорим в следующем выпуске рассылки. Оставайтесь с нами!

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

Наши рассылки