double arrow

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

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

<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 к приведенному примеру. На странице должно выводиться следующее:

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

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



Сейчас читают про: