Web Builder - Строитель Веба

Содержание урока

1. Основы Java Script
    >> Основы JavaScript
    >> Назначение JavaScript
2. Структура документа
    >> Структура документа
    >> Теги <NOSCRIPT> и </NOSCRIPT>
3. Функция
4. Символы комментариев
5. Переменные
6. Ввод и вывод информации
    >> Ввод
    >> Вывод
7. Дополнительный материал
    >> История создания
    >> Java апплеты
Тест
Задания
Литература

ВЫВОД ИНФОРМАЦИИ

Вывод информации

Язык JavaScript предоставляет два способа вывода информации.

1 способ: метод alert
С помощью него можно отображать на экране клиентского браузера небольшие по размеру сообщения - эти сообщения появляются в диалоговой панели, содержащей кнопку Ok. Нажатие этой кнопки приводит к закрытию диалоговой панели. Мы будем называть такую диалоговую панель панелью сообщений.

Приведем пример простого сообщения:
<script language="JavaScript">
alert('Пример вывода сообщения в панели сообщений')
</script>

2 способ: метод write
Данный метод представляется объектом document. Более подробно с объектом document мы познакомимся при изучении объектной модели браузера. Пока же мы будем считать, что вызов метода document.write с указанием определенных параметров приводится к отображению текста в окне браузера.
В качестве параметра при вызове метода document.write мы указываем строку, которую хотели бы увидеть на экране.

Приведем пример простого сообщения:
<script language="JavaScript">
document.write('Пример вывода сообщения в окно браузера')
</script>

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

Приведем пример:
<script language="JavaScript">
document.write('<H1><B><I>Пример вывода сообщения в окно браузера</I></B></H1>')
</script>
На экране это выглядит следующим образом

На экране это выглядит следующим образом

Если выводимая строка имеет большую длину, мы можем разделить ее на несколько подстрок, объединив их символом "+":

Вывод информации с помощью метода document.write завершается после последнего символа строки. Последующий вывод данного метода начинает отображение со следующей позиции - символ "возврата каретки / перевод строки" не выводится.

Например:
<script language="JavaScript">
document.write('Строка 1')
document.write('Строка 2')
</script>

В этом случае можно использовать либо тег <P>, либо тег <BR>, который включает в состав выводимой строки:

Например:
<script language="JavaScript">
document.write('Строка 1<BR>')
document.write('Строка 2<BR>')
</script>
На экране это выглядит следующим образом:

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

Приведем пример:
<BODY>
<CENTER>Пример вывода информации</CENTER><BR>
<script language="JavaScript">
document.write('Строка 1<BR>')
document.write('Строка 2<BR>')
</script>
Строка 3 - выводится после строк 1 и 2
</BODY>
На экране это выглядит следующим образом:
Пример вывода информации

<<<<<

>>>>>

НАВЕРХ