Навигация:

Главная Случайная страница Обратная связь ТОП Интересно знать Избранные Новые материалы

Топ:

Определение места расположения распределительного центра: Фирма реализует продукцию на рынках сбыта и имеет постоянных поставщиков в разных регионах. Увеличение объема продаж...

Теоретическая значимость работы: Описание теоретической значимости (ценности) результатов исследования должно присутствовать во введении...

Характеристика АТП и сварочно-жестяницкого участка: Транспорт в настоящее время является одной из важнейших отраслей народного...

Интересное:

Аура как энергетическое поле: многослойную ауру человека можно представить себе подобным...

Наиболее распространенные виды рака: Раковая опухоль — это самостоятельное новообразование, которое может возникнуть и от повышенного давления...

Принципы управления денежными потоками: одним из методов контроля за состоянием денежной наличности является...

Дисциплины:

Автоматизация Антропология Археология Архитектура Аудит Биология Бухгалтерия Военная наука Генетика География Геология Демография Журналистика Зоология Иностранные языки Информатика Искусство История Кинематография Компьютеризация Кораблестроение Кулинария Культура Лексикология Лингвистика Литература Логика Маркетинг Математика Машиностроение Медицина Менеджмент Металлургия Метрология Механика Музыкология Науковедение Образование Охрана Труда Педагогика Политология Правоотношение Предпринимательство Приборостроение Программирование Производство Промышленность Психология Радиосвязь Религия Риторика Социология Спорт Стандартизация Статистика Строительство Теология Технологии Торговля Транспорт Фармакология Физика Физиология Философия Финансы Химия Хозяйство Черчение Экология Экономика Электроника Энергетика Юриспунденкция

Лабораторная работа №4. Методы вывода информации.

2017-11-27

145

0.00 из 5.00 0 оценок

Заказать работу

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

Упражнение 4.1. Вывод информации с помощью метода alert(). Создайте HTML-код и сохраните его как alert.htm.

<html>

<head>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<title>Вывод информации метод alert</title>

<input type="button" value="Просмотр"

Onclick='alert("Метод alert позволяет выводить на экран текстовые сообщения")'>

</head>

<body>

</body>

</html>

Щелчок по командной кнопке «Просмотр» вызовет появление сообщения:

Упражнение 4.2. Вывод информации с помощью метода write(). Создайте HTML-код и сохраните его как write.htm.

<html>

<head>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<title>Вывод информации метод write</title>

<script language="JavaScript">

x=8;

z=3;

yAdd=x+z;

document.write("Результат сложения: x+z="+yAdd);

</script>

</head>

<body>

</body>

</html>

Упражнение 4.3. Вывод информации с помощью текстового поля. Создайте HTML-код и сохраните его как write.htm.

<html>

<head>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<title>Вывод информации с помощью текстового поля</title>

<script language="JavaScript">

function summ() {

var a=document.form2.text11.value;

var b=document.form2.text21.value;

var c=1*a+1*b;

document.form2.text31.value=c;

}

</script>

</head>

<body>

<p align="center">

Введите слагаемые:

<form name="form2">

Первое слагаемое

<input type="text" name="text11" size="5" value="0"><br>

Второе слагаемое

<input type="text" name="text21" size="5" value="0"><br><br>

<input type="Button" value="Вычислить" onclick="summ()"><br><br>

Результат

<input type="text" name="text31" size="5" value="">

</form>

</body>

</html>

В данном скрипте поля, предназначенные для ввода информации, имеют имена text11 и text21. Вывод информации происходит в поле с именем text31. Форме дано имя form2. Функция summ() осуществляет считывание двух чисел из полей text11 и text21, преобразование строковых переменных в числовые, их суммирование и вывод результата в поле text31. Первому слагаемому дано имя “a”, второму слагаемому – имя “b”, а результату суммирования – имя “c”.

Упражнение 4.3. Вывод информации с помощью созданных окон.

Информацию можно выводить в отдельные окна. Рассмотрим скрипт, который создает два окна (okno1 и okno2). Для создания окон используется метод open(). Формирование окон и запись в них информации происходит с помощью двух функций с именами winopen1() и winopen2(). Запускются указанные функции с помощью двух кнопок, в момент щелчка по ним. Одновременное закрытие созданных (открытых) окон происходит с помощью метода close() и соответствующей кнопки.

<html>

<head>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<title>Вывод информации с помощью текстового поля</title>

</head>

<body>

<script>

Function winopen1()

{

okno1=window.open("","","top=150, left=250, width=150, height=80");

Okno1.document.write("Как дела?");

}

Function winopen2()

{

okno2=window.open("","","top=300, left=250, width=150, height=80");

Okno2.document.write("Всё в порядке.");

}

Function winclose()

{

okno1.close();

okno2.close();

}

</script>

<input type="Button" value="Создать окно 1" onclick="winopen1()">

<input type="Button" value="Создать окно 2" onclick="winopen2()">

<input type="Button" value="Закрыть окна" onclick="winclose()">

</body>

</html>

Поделиться с друзьями:

Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ - конструкции, предназначенные для поддерживания проводов на необходимой высоте над землей, водой...

Поперечные профили набережных и береговой полосы: На городских территориях берегоукрепление проектируют с учетом технических и экономических требований, но особое значение придают эстетическим...

Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...

Своеобразие русской архитектуры: Основной материал – дерево – быстрота постройки, но недолговечность и необходимость деления...