Лабораторная работа №8

Пример 6

html>

<head>

<script language ="JavaScript">

<!--

function testloop() {

var String1 = '<hr align="center" width="' ;

document.open();

for (var size = 5; size <= 50; size+=5)

document.writeln (String1+ size+'%">');

document.close();

}

//-->

</script>

</head>

<body>

<form>

<input type="button"

value="Test the loop"

onClick="testloop()">

</form>

</body>

</html>

Пример 7

<html>

<head>

<script language ="JavaScript">

function ftable(inum) {

var iloop = 1;

document.writeln ("ТАБЛИЦА УМНОЖЕНИЯ ДЛЯ: <b>" + inum + "</b><hr><pre>");

/* заметьте, что в параметрах функции writeln применены теги HTML - это допустимо.

Теги HTML в тексте программы на JS недопустимы.

Заголовок написан прописными буквами потому, что в тексте встречается буква "я"

Некоторые браузеры, а точнее NN выдают ошибку сценария встретив такую строчную букву.

*/

while (iloop <= 10) {

document.writeln(iloop + " x "+ inum + " = " + (iloop*inum));

iloop ++;

}

document.writeln("</pre>");

}

ftable(prompt ("Введите число: ", 10));

</script>

</head>

</html>

Пример 8

html>

<head>

<script language="javascript">

theTime = new Date();

theHour = theTime.getHours();

if(theHour > 6 && theHour < 18){

document.write('<body background="img/img02.jpg" text="white" >');

}

else{

document.write('<body background="img/img01.jpg" text="black" >');

}

</script>

</head>

<body>

</body>

</html>

Пример 9

html>

<head>

<title>Clock in status bar</title>

<script language="JavaScript">

function clock_status()

{

window.setTimeout("clock_status()",100);

today=new Date();

self.status=today.toString();

}

</script>

</head>

<body background="ffffff" onLoad="clock_status()">

</body>

</html>

Лабораторная работа №9

Пример 10

html>

<head>

<title>Clock</title>

<script language="JavaScript">

function clock_form()

{

day=new Date()

clock_f=day.getHours()+":"+day.getMinutes()+":"+day.getSeconds()

document.form.f_clock.value=clock_f

id=setTimeout("clock_form()",100)

}

</script>

</head>

<body bgcolor="ffffff" onLoad="clock_form()">

<center>

<form name=form metod="get">

<input name=f_clock maxlength=8 size=8>

</form>

</center>

</body>

</html>

</html>

Пример 11

html>

<head>

<title>Clock full</title>

</head>

<script language="JavaScript">

function fulltime() {

var time=new Date();

document.clock.full.value=time.toLocaleString();

setTimeout('fulltime()',500)

}

</script>

<body bgcolor=ffffff text=ff0000>

<center>

<form name=clock>

<input type=text size=17 name=full>

</form>

<script language="JavaScript">

fulltime();

</script>

</center>

</body> </html>

Лабораторная работа №10

Пример 12

html>

<head>

<title>Clock</title>

<script language="JavaScript">

var timer=null;

var timerrun=false;

function stoptime() {

if(timerrun)

clearTimeout(timer);

timerrun=false;

}

function starttime() {

stoptime();

showtime();

}

function showtime() {

var all=new Date();

var hours=all.getHours();

var minutes=all.getMinutes();

var seconds=all.getSeconds();

var timevalue=" " + ((hours>12) ? hours-12 : hours)

timevalue += ((minutes<10) ? ":0" : ":") + minutes

timevalue += ((seconds<10) ? ":0" : ":") + seconds

timevalue +=(hours>=12) ? "P.M." : "A.M."

document.clock.next.value=timevalue;

timer=setTimeout('showtime()',1000);

timerrun=true;

}

</script>

<body bgcolor=ffffff text=ff0000 onLoad="starttime()">

<center>

<form name=clock>

<input type=text name=next size=12 value=' '>

</center>

</form>

</body>

</html>

Пример 13

<html>

<head>

<script language="javascript">

<!--

function SetBG(color)

{

document.bgColor = color;

}

//-->

</script>

</head>

<body>

<script type="text/javascript">

document.write("Привет всем!")

</script>

<form>

<select onChange="document.bgColor=this.options[this.selectedIndex].value">

<option value="123456" selected >Выберите цвет:</option>

<option value="FF0000">красный</option>

<option value="FFFF00">желтый</option>

<option value="009966">зеленый</option>

<option value="006699">синий</option>

<option value="FFFFFF">белый</option>

<option value="000000">черный</option>

</select></form>

</body>

</html>

Приложение 1

Варианты заданий к выполнению лабораторных работ

Вариант выбирается из таблицы по порядковому номеру студента в журнале группы.

Таблица

№	Тип разрабатываемого приложения
	Новостной блог
	Электронная библиотека
	Форум
	Корпоративный сайт
	Дистанционное обучение
	Электронный каталог компаний
	Доска объявлений
	Фотогалерея
	Сайт знакомств
	Риэлтерская компания
	Сайт учебной группы
	Кафе
	Картинная галерея
	Сайт по продаже авиабилетов
	Салон красоты
	Сайт вуза
	Недвижимость
	Туристическое агентство
	Личный блог
	Сайт по продаже авто