Навигация:

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

Топ:

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

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

Комплексной системы оценки состояния охраны труда на производственном объекте (КСОТ-П): Цели и задачи Комплексной системы оценки состояния охраны труда и определению факторов рисков по охране труда...

Интересное:

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

Влияние предпринимательской среды на эффективное функционирование предприятия: Предпринимательская среда – это совокупность внешних и внутренних факторов, оказывающих влияние на функционирование фирмы...

Что нужно делать при лейкемии: Прежде всего, необходимо выяснить, не страдаете ли вы каким-либо душевным недугом...

Дисциплины:

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

Лабораторная работа №11. Создание окон.

2017-11-27

252

0.00 из 5.00 0 оценок

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

Открытие новых окон в браузере – грандиозная возможность языка JavaScript. Вы можете либо загружать в новое окно новые документы (например, те же документы HTML), либо (динамически) создавать новые материалы. Приводимый далее скрипт открывает новое окно браузера и загружает в него некую web-страничку.

Упражнение 11.1. Открытие нового окна.

<html>

<head>

<script language="JavaScript">

<!-- hide

function openWin() {

myWin= open("dog.htm");

}

// -->

</script>

</head>

<body>

<div align="center">

<form>

<input type="button" value="Открыть новое окно" onClick="openWin()">

</form>

</div>

</body>

</html>

В представленном примере в новое окно с помощью метода open() записывается страница dog.htm.

Заметим, что Вы имеете возможность управлять самим процессом создания окна. Например, Вы можете указать, должно ли новое окно иметь строку статуса, панель инструментов или меню. Кроме того, Вы можете задать размер окна. Например, в следующем скрипте открывается новое окно размером 400x300 пикселов. Оно не имеет ни строки статуса, ни панели инструментов, ни меню.

Упражнение 11.2. Управление процессом создания нового окна.

<html>

<head>

<script language="JavaScript">

<!-- hide

function openWin2() {

myWin= open("dog.htm", "displayWindow",

"width=400,height=300,status=no,toolbar=no,menubar=no");

}

// -->

</script>

</head>

<body>

<div align="center">

<form>

<input type="button" value=" Открыть новое окно" onClick="openWin2()">

</form>

</div>

</body>

</html>

Как видите, свойства окна формулируются в строке "width=400,height=300,status=no,toolbar=no,menubar=no".

Обратите внимание также и на то, что Вам не следует помещать в этой строке символы пробела!

Список свойств окна, которыми Вы можете управлять:

directories yes|no

height количество пикселов

location yes|no

menubar yes|no

resizable yes|no

scrollbars yes|no

status yes|no

toolbar yes|no

width количество пикселов

Упражнение 11.3. Закрытие окон.

Вы можете также закрывать окна с помощью языка JavaScript. Чтобы сделать это, Вам понадобится метод close().

<html>

<script language="JavaScript">



</script>

<center>

<form>

<input type=button value="Close it" onClick="closeIt()">

</form>

</center>

</html>

Если теперь в новом окне Вы нажмете кнопку Close it, то оно будет закрыто. open() и close() – это методы объекта window. Мы должны помнить, что следует писать не просто open() и close(), а window.open() и window.close(). Однако в нашем случае объект window можно опустить – Вам нет необходимости писать префикс window, если Вы хотите всего лишь вызвать один из методов этого объекта (и такое возможно только для этого объекта).

Лабораторная работа №12. Примеры скриптов.

Упражнение 10.1. Анимация в строке-заголовка браузера.

<html>

<head>

<META http-equiv="Content-Type"

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

<title>Анимация в заголовке браузера</title>

<script language="JavaScript">

var tit=document.title

// Переменной tit присвоено содержимое контейнера title (текст заголовка)

var c=0;

Function writetitle()

// Для функции определено имя writetitle

{

document.title=tit.substring(0,c);

// смена заголовка на переменную tit (количество выводимых символов = с)

if(c==tit.length)

// Проверка равенства переменной c числу символов в заголовке

{

c=0;

setTimeout("writetitle()", 2000)

// Пауза до очередного вывода текста составляет 2000 миллисекунд = 2 секунды

}

Else

{c++;

setTimeout("writetitle()", 100)

// Пауза до вывода очередной буквы текста установлена 100 миллисекунд

}

Writetitle()

// Вызов созданной функции

</script>

</head>

<body>

</body>

</html>

Упражнение 10.2. Cкрипт, создающий на экране изображение работающих часов и текущей даты.

<html>

<head>

<script Language="JavaScript">

<!-- hide

var timeStr, dateStr;

function clock() {

now= new Date();

// врем\я

hours= now.getHours();

minutes= now.getMinutes();

seconds= now.getSeconds();

timeStr= "" + hours;

timeStr+= ((minutes < 10)? ":0": ":") + minutes;

timeStr+= ((seconds < 10)? ":0": ":") + seconds;

document.clock.time.value = timeStr;

// дата

date= now.getDate();

month= now.getMonth()+1;

year= now.getYear();

dateStr= "" + month;

dateStr+= ((date < 10)? "/0": "/") + date;

dateStr+= "/" + year;

document.clock.date.value = dateStr;

Timer= setTimeout("clock()",1000);

}

// -->

</script>

</head>

<body onLoad="clock()">

<form name="clock">

Время:

<input type="text" name="time" size="8" value=""><br>

Дата:

<input type="text" name="date" size="8" value="">

</form>

</body>

</html>

Контрольные вопросы

1. Что такое JavaScript?

2. Какая фирма разработала язык JavaScript (JS)?

3. С какой целью текст JavaScript помещают в комментарий?

4. Можно ли скрыть от пользователя текст программы-скрипта, написанного на JavaScript?

5. Что такое сценарий (скрипт, script)?

6. Что такое событие?

7. Дайте понятие объект-контейнера и его свойств?

8. Как называются подпрограммы, которые позволяют изменять свойства объекта?

9. Какой частью речи чаще всего являются имена методов?

10. Какие типы переменных есть в JavaScript и чем они отличаются?

11. Перечислите особенности присвоения имен переменным.

12. Дайте понятие массива.

13. Что называется функцией?

14. Дайте понятие выражения.

15. Дайте понятие «объектной модели».

16. Перечислите способы включения скриптов JavaScript в HTML-страницу.

17. Может ли код скрипта располагаться за пределами HTML-контейнера?

18. Как можно преобразовать строковую переменную в числовую?

19. Создание новых окон браузера. Перечислите свойства объекта window и значения, которые могут принимать эти свойства.

20. Какие методы свойственны объекту window?

21. Что представляет собой исключение из общих правил при вызове методов объекта window?

22. В чем состоит отличие метода open(), относящегося к объекту document, от метода open() для объекта window?

23. Приведите примеры стандартных объектов в JS.

24. Методы ввода информации confirm() и promt().

25. Методы вывода информации write() и alert().

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

Индивидуальные очистные сооружения: К классу индивидуальных очистных сооружений относят сооружения, пропускная способность которых...

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

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

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

directories	yes\|no
height	количество пикселов
location	yes\|no
menubar	yes\|no
resizable	yes\|no
scrollbars	yes\|no
status	yes\|no
toolbar	yes\|no
width	количество пикселов