Опубликован: 19.10.2006 | Уровень: для всех | Доступ: платный
Лекция 2:

Основные понятия

< Лекция 1 || Лекция 2: 12 || Лекция 3 >

Вернемся к разбору сценария

Начнем с первой строки:

<SCRIPT LANGUAGE="JavaScript">

Это код HTML, который дает браузеру понять, что с этого места начинается JavaScript. Кажется, это несложно. Любой сценарий JavaScript начинается с такой команды.

А как насчет части LANGUAGE (язык) ="JavaScript"? Разве это необходимо? Да. Есть еще и другие типы сценариев, например, VBS или LiveScript. Так что команда LANGUAGE не даст браузеру запутаться.

Так как у нас всего три строчки текста, то можно сразу заглянуть в конец. Код

</SCRIPT>

заканчивает любой сценарий JavaScript без исключений. Запомните это навсегда, потому что к этому вопросу мы больше возвращаться не будем. Начинаем со <SCRIPT LANGUAGE="javascript"> и заканчиваем </SCRIPT>. Двигаемся дальше...

Вот основная часть сценария:

document.write("<FONT COLOR='RED'>Это красный текст</FONT>")

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

Сценарий устроен следующим образом. С помощью DOCUMENT объявляется документ (документ HTML). Этот документ будет изменен — в нем что-то будет написано ( WRITE ). То, что будет написано, находится внутри скобок.

Настала очередь терминов. DOCUMENT представляет собой объект. Слово WRITE (писать), отделенное точкой, называется методом объекта. Таким образом, сценарий по сути говорит: "Возьмите объект (что-то, уже существующее) и что-то в нем запишите".

Обратите внимание, что текст внутри скобок находится в кавычках. В HTML эти кавычки не требуются. Здесь они необходимы. Никогда нельзя про них забывать.

Текст в кавычках представляет собой простой код HTML. Легко увидеть в нем команду <FONT>, которая делает текст красным. Обратите внимание, что RED находится в одинарных кавычках. Если использовать двойные, JavaScript решит, что это конец строки, и получится, что только часть текста будет записана в объект, а это уже ошибка.

Запомните: внутри двойных кавычек используются одинарные.

Получается, что JavaScript перекрасил текст в красный цвет? Нет, это сделал HTML. А JavaScript только записал код на страницу.

Задание

Измените сценарий так, чтобы выводились две строки текста, красная и синяя. Но это надо сделать с помощью дополнительных команд JavaScript, а не просто добавить код HTML к приведенному примеру. На странице должно выводиться следующее:

Это красный текст
Это синий текст

Возможное решение

... было создано следующим кодом:

<SCRIPT type="text/javascript">
 document.write
 ("<FONT COLOR='RED'>Это красный текст</FONT><BR>")
 document.write
 ("<FONT COLOR='BLUE'>Это синий текст</FONT>")
</SCRIPT>

Результат получен добавлением в сценарий второй строки document.write и изменением кода HTML внутри экземпляра (параметра) метода. Добавлена также команда <BR> в конце первого экземпляра метода, чтобы получить две строки.

< Лекция 1 || Лекция 2: 12 || Лекция 3 >
Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Эдуард Семынин
Эдуард Семынин

Здравствуйте.

Перестали быть видны лекции и тесты практикума по программированию на JavaScript. Уже второй день из моего аккаунта виден лишь план занятий. В чем может быть проблема?

 

Зарина Каримова
Зарина Каримова
Казахстан, Алматы, Гимназия им. Ахмета Байтурсынова №139, 2008
Akiyev Begench
Akiyev Begench
Беларусь, Полоцк, полоцкий государственный университет