Web Builder
 
 
 
   
 
 
JavaScript

Урок № 1 \\ Ввод и вывод информации

Внукова Л.А., http://www.omsk.edu.ru

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

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

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

 Язык 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>
 
На экране это выглядит следующим образом

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


НАВЕРХ