- •Методические указания по выполнению лабораторных работ
- •Задание
- •Часть вторая
- •Задание
- •Часть третья
- •Задание
- •Часть четвертая
- •Рассморим скрипт
- •Задание
- •Лабораторная работа № 2
- •Разбор скрипта
- •Задание
- •Команды и эффекты
- •Задание
- •Лабораторная работа № 3
- •Рассмотрим скрипт.
- •Разбор скрипта
- •События onMouseOut и onUnload
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 4
- •Разбор скрипта
- •Продолжаем рассматривать работу с окнами. Скрипт
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 5
- •Часть 1
- •Разбор скрипта
- •Часть 2
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание № 1
- •Задание № 2
- •Задание № 3
- •Лабораторная работа № 6
- •Скрипт:
- •Разбор скрипта
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание по первой части
- •Задание по второй части
- •Задание по третьей части
- •Начало формы
- •Конец формы
- •Часть вторая
- •Разбор скрипта
- •Часть третья
- •Разбор скрипта
- •Часть четвертая
- •Разбор скрипта
- •Случайное число
- •Лабораторная работа № 8
- •Разбор скрипта
- •Часть вторая
- •Разбор скрипта
- •Задания Задание к первой части
- •Задание ко второй части
Задания Задание к первой части
Перепишите скрипт. Покажите первым leo.gif, как в примере. Однако дальше новый cкрипт должен показать img3.src (num=3), потом img2.src, потом img1.src. Когда num=0, измените num на 3.
В общем, перепишите скрипт задом наперед.
Вот скрипт:
<html> <head> <script language="JavaScript"> num=4 img1 = new Image (); img1.src = "leo.gif" img2 = new Image (); img2.src = "dino.gif" img3 = new Image (); img3.src = "rhino.gif" function slideshow() { num=num-1 if (num==0) {num=3} document.mypic.src=eval("img"+num+".src") } </script> </head> <body> <center> <img src="leo.gif" name="mypic" border=0> <p> <a href="JavaScript:slideshow()">Щелкните, чтобы увидеть следующую картинку</a> </center> </body> </html>
Задание ко второй части
Во-первых, изучите сегодняшнюю программу и заставьте ее работать. Потом внесите несколько изменений. Попросите ввести телефонный номер в формате ххх-хххх. Пусть функция validphone(phone) проверит, стоит ли дефис на позиции 3. Команда != в JavaScript означает «не равно». Это вам понадобится.
Скрипт
<html> <head>
<script language="JavaScript"> function validfn(fnm) { fnlen=fnm.length if (fnlen == 0) {alert("Необходимо ввести имя") document.dataentry.fn.focus()} } function validphone(phone) { len=phone.length digits="0123456789" if(len != 8) {alert("Неверное количество цифр в номере") document.dataentry.phone.focus()} if(len>3 && phone.charAt(3) != "-") {alert("Четвертый знак должен быть '-'") document.dataentry.phone.focus()}
for(i=0; i<3; i++) {if (digits.indexOf(phone.charAt(i))<0) {alert("Это должны быть цифры") document.dataentry.phone.focus() break} } } </script>
</head> <body>
<form name="dataentry"> <h3>Подтверждение ввода данных через JavaScript</h3> <p>Введите имя:<br> <input type="text" name="fn" onBlur="validfn(fn.value)" size="20"> <script language="JavaScript"> document.dataentry.fn.focus() </script></p> <p>Введите номер телефона (ххх-хххх):<br> <input type="text" name="phone" size="10"></p> <p><input type="button" value="Отправить" onClick="validphone(phone.value)"></p> </form>
</body> </html>