Лабораторная работа №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().

50