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

Читайте также:

A. Работа была выполнена к 6 часам. \ Жұмыс сағат 6-ға таман орындалды.
FSA - Серийный или доработанный легковой автомобиль отечественного или иностранного производства без ограничения. Объем двигателя: от 2000 до 3000 куб.см. включительно.
FSB – Серийный или доработанный серийный легковой автомобиль отечественного или иностранного производства без ограничения. Объём двигателя: от 2300 до 3500 куб.см. включительно.
I РАБОТА И ОТРЕЧЕНИЕ.
II. Самостоятельная работа (повторение) по вопросам темы № 11 «Множественность преступлений».
IV. Лабораторная диагностика псевдотуберкулеза и кишечного иерсиниоза у людей
Run on - работать на

Задание

Измените скрипт так, чтобы вышли две строки текста, красная и синяя. Но вам придется дописать несколько команд Javascript, а не просто добавить немного HTML к приведенному примеру. Используйте команду <BR> в конце первого примера, чтобы текст располагался на двух строках.

Попробуйте изменить заголовок страницы с помощью скрипта, используя, для этого соответствующий тег (<title>). Попробуйте добавить на страницу список содержащий 3-5 элементов (это тоже необходимо сделать с помощью скрипта).

<html>

<head>

document.write("<FONT COLOR='RED'>Это красный текст</FONT>")

document.write("<br>")

document.write("<FONT COLOR='BLUE'>Это синий текст</FONT>")

document.write("<title>VOVA</title>")

document.write("<li> ОДИН <li> ДВА <li> ТРИ <li> ЧЕТЫРЕ")

</SCRIPT>

</head>

<body>

</body>

</html>

Задание

Ниже приведен текст скрипта.

<html>

<head>

<title>Испорченный скрипт</title>

<link REL="STYLESHEET" TYPE="text/css" HREF="blue1.css" tppabs="http://jsp.newmail.ru/blue1.css">

</head>

<body>

<script LANGUAGE="JavaScript">

...x

dothis = new Date()

month = dothis.getMonth()

month = (month * 1) + 1

day = dothis.getDate()

year = dothis.getFullYear()

document.wrte(" ",day,"/",month,"/",year," ")

</script>

<p>"Попробуйте найти ошибку!"</p>

</body>

</html>

Скопируйте его в новый тесктовый файл с расширением html и откройте в Internet Explorer. Загружая страницу, браузер должен выдать вам два сообщения об ошибке. Исправьте их. Некоторые команды покажутся вам незнакомыми, но это неважно. Из сообщения вы получите достаточно информации, чтобы наладить скрипт. Если он заработает, то на странице появится сегодняшняя дата. Каждая ссылка откроется в новом окне.

Подсказка: возможно, сначала вы получите только одно сообщение. Вторая ошибка появится, когда вы исправите первую.

<html>

<head>

<title>Испорченный скрипт</title>

</head>

<body>

dothis = new Date()

month = dothis.getMonth()

month = (month * 1) + 1

day = dothis.getDate()

year = dothis.getFullYear()

document.write(" ",day,"/",month,"/",year," ")

</script>

<p>"Попробуйте найти ошибку!"</p>

</body>

</html>

Задание

Необходимо написать скрипт, который поместит на вашу страницу дату, разделенную дробями /. Приветственный текст должен быть зеленого цвета. Также отметьте, что это вы написали скрипт, потому что... так оно и есть!

<html>

<head>

Now = new Date();

document.write("<font color='GREEN'> Приветсвтую всех на моей странице, я написал ее сам.</font><br>")

document.write("Дата: " + Now.getDate() + "/" + Now.getMonth() + "/" + Now.getFullYear())

</SCRIPT>

</head>

<body>

</body>

</html>

Задание

- разберите скрипт самостоятельно

<SCRIPT LANGUAGE="javascript">

var name = prompt("Напишите свое имя, пожалуйста","")
var d = new Date();
var y = d.getFullYear();
var da = d.getDate();
var m = d.getMonth() + 1;
var t = da + '/' + m + '/' + y;

document.write("<TITLE>")
document.write("Привет, "+name+ ". Сегодня " +t+ ". Спасибо, что зашли.");
document.write("</TITLE>")

</SCRIPT>

- попробуйте поработать с переменными, формирую документ в зависимости от введенных значений

например:

запросите новый заголовок окна и измените текущий заголовок на тот что ввел пользователь

выведите на странице текущую дату в следующем виде: “Сегодня 15 день 10 месяца 2003 года”

сформируйте список из трех элементов которые запросите у пользователя

попробуйте нарисовать и заполнить таблицу следующего вида:

Любимый цвет	Любимое блюдо	Любимое время года

В соответствующие ячейки поместите ответы пользователя.

<html>

<head>

var cvet = prompt("Какой твой любимый цвет?","")

var food = prompt("Какая твоя любимая еда?","")

var vremya = prompt("Какое любимое время года?","")

var name = prompt("Как хочешь назвать шапку окна?","")

var d = new Date();

var y = d.getFullYear();

var da = d.getDate();

var m = d.getMonth() + 1;

var t = da + '/' + m + '/' + y;

document.write("<TITLE>")

document.write(name);

document.write("</TITLE>")

document.write("Сегодня " + da + " день " + m + " месяца " + y + " года <br><br><br>")

document.write("<table border=1><tr><td>Любимый цвет</td><td>Любимое блюдо</td><td>Любимое время года</td></tr><tr><td>" + cvet +"</td><td>" + food +"</td><td>" + vremya +"</td></tr></table>")

</SCRIPT>

</head>

<body>

</body>

</html>

Лабораторная работа №2.

Задание

Рассмотрим новый метод, alert() (предупредить). Он вызывает небольшое диалоговое окно с текстом и кнопкой OK.

Попробуйте сделать так, чтобы окно предупреждения всплывало при наведении курсора на ссылку. Вот формат команды:

alert('текст в окошке')

<html>

<head>

</head>

<body>

</body>

</html>

Задание

Необходимо создать форму, которая будет взаимодействовать с пользователем.
Форма должна иметь три элемента:

поле ввода с просьбой ввести имя;
два поля для флажков с вопросом о том, что больше нравится пользователю, мороженое или шоколад;
кнопку отправки данных.

С каждым элементом должно произойти следующее:

При вводе имени в строке состояния должны появиться слова: «Впишите сюда свое имя».
Два поля с флажками должны отослать в строку состояния слова: «Вы выбрали...» и выбор пользователя.
При нажатии на кнопку должно выскочить окно предупреждения, благодарящее пользователя за участие в опросе.

<html>

<head>

<form>

Введите Ваше имя

Что Вам больше нравится? <br>

<input name="checkbox" type="checkbox" onFocus="alert('СПАСИБО');"> Мороженное <br>

<input name="checkbox1" type="checkbox" onFocus="window.status='Шоколад';"> Шоколад <br> <br>

</form>

</head>

</html>

Лабораторная работа №3.

Задание

Создайте функцию, которая вызовет два запроса (prompt). (Подсказка: один следует за другим с новой строки.) Первый попросит пользователя ввести свое имя, второй — отчество. Затем та же функция должна вызвать окно предупреждения (alert) c текстом:

«Привет, имя отчество, добро пожаловать на адрес страницы, мою замечательную страницу!»

Непременно создайте переменную для адреса страницы.

Если хотите еще поразвлечься, пусть слова "мою замечательную страницу" будут не просто вставлены в текст alert, сделайте это по-другому. Присвойте переменную и этому элементу.

П отренируемся с функцией, onMouseOver и onMouseOut.

Создайте страницу с гипертекстовой ссылкой.
Когда курсор находит на ссылку, в строке состояния должны появляться слова: «Привет, пользователь название браузера!».
Когда курсор уходит со ссылки, в строке состояния должен появляться текст: «Не скучаете у нас на U RL страницы ?»
Если щелкнуть по ссылке, должно всплыть окно со словами: «Уже уходите? Сейчас всего только текущее время»;
Время должно определяться через функцию.
Не пользуйтесь командой onClick, чтобы вызвать окно предупреждения, возьмите команду onUnload

<html>

<head>

function vova() {

var im = prompt("Введите свое имя","");

var ot = prompt("Введите отчество","");

var st = ("www.strn.ru");

alert("Привет " + im + " " + ot + " добро пожаловать на " + st + " мою замечательную страницу");

}

</SCRIPT>

</head>

</body>

</html>

<html>

<head>

function vr() {

var now = new Date()

var hour = now.getHours()

var min = now.getMinutes()

var sec = now.getSeconds()

alert("Сейчас -" + hour + min + sec)

}

function br(){

var b = navigator.appName

alert("Привет пользователь браузера " + b)

}

function ur() {

var u = document.URL

alert("Не скучаете у нас на " + u)

}

</SCRIPT>

</head >

<a href="1.txt" onMouseOver="br()", onMouseOut="ur()", > Ссылка </a>

</body>

</html>

Лабораторная работа №4.

Задание

1) Напишите скрипт, который откроет новое окно со всеми характеристиками. Пусть оно будет размером 250 на 300 пикселей и с двумя ссылками:

Одна откроет новую страницу в главном окне.
Вторая откроет новую страницу в том же окне.
Страница, которая откроется в том же маленьком окне, должна содержать ссылку, закрывающую окно.

2) Необходимо написать функцию, которая открыла бы окно с зеленым фоном и приветствием: «Привет, имя пользователя, вот твое окно!» Имя пользователя можно узнать с помощью запроса. Разумеется, допишите еще ссылку, которая закроет окно.

1) <HTML>

<head>

</head>

<body>

window.open('Laba4_dop_str.html', 'joe', config='height=250,width=300')

self.name="main window"

</SCRIPT>

</body>

</HTML>

1.2) <html>

<head>

<body>

<A HREF="http://www.htmlgoodies.com" TARGET="main window">В большом окне</A><br>

<A HREF="Laba4_dop_str1.html" TARGET="joe">Страница в маленьком окне</A>

</body>

</head>

</html>

1.3) <html>

<head>

</head>

<body>

<A HREF="" onClick="self.close()">Щелкните, чтобы закрыть</A>

</body>

</html>

2) <html>

<head>

function winnew() {

var OpenWindow = window.open("", "newwin", "height=300,width=300")

var nik = prompt("Введите имя пользователя","")

OpenWindow.document.write("<HTML>")

OpenWindow.document.write("<head>")

OpenWindow.document.write("<TITLE>Новое окно</TITLE>")

OpenWindow.document.write("</head>")

OpenWindow.document.write("<BODY BGCOLOR='green'>");

OpenWindow.document.write("Привет " + nik + " вот твое окно <br>")

OpenWindow.document.write("<A HREF='' onClick='self.close()'>Щелкните, чтобы закрыть</A>")

OpenWindow.document.write("</body>")

OpenWindow.document.write("</HTML>")

self.name="main window"

}

</SCRIPT>

</head>

</body>

</html>

Лабораторная работа №5.

Задание № 1

П ерепишите скрипт в виде функции. Если хотите, поэкспериментируйте с делением. Пусть функция запускается командой оnLoad.

<html>

<head>

function zd() {

var numsums = 12

alert("10 + 2 равно " + numsums)

var x = 10

alert("десять — это " + x)

var y = x * 2

alert("10 X 2 = " + y)

var z = "Привет " + "Пока"

alert(z)

}

</script>

</body>

</head>

</html>

Задание № 2

C оздайте страницу HTML. В центре поместите заголовок, под ним рисунок. Если навести мышь на изображение, оно должно меняться на другое и восстанавливаться, когда курсор уходит.

<html>

<head>

</head>

<body>

</body>

</html>

Задание № 3

Переделайте задание № 2, создав две функции для смены картинки.

<html>

<head>

function up() {

document.pic1.src="a.GIF"

}

function down() {

document.pic1.src="b.GIF"

}

</SCRIPT

</head>

<body>

</body>

</html>

Лабораторная работа №6.

Задание № 1

Перепишите скрипт так, чтобы, открываясь, страница просила пользователя ввести имя. При выборе цвета должно всплывать окно со словами «Эй, (имя)! Вы выбрали (цвет)...» Желаю успеха.

<html>

<head>

function newcolor(color)

{

alert("Эй " + n + ". Вы выбрали цвет: " + color + ". Желаю успеха")

document.bgColor=color

}

var n = prompt("Введите свое имя","")

</SCRIPT>

</HEAD>

<BODY>

<p>Выбрать цвет фона</p>

<FORM>

<INPUT TYPE="button" VALUE="Голубой"

onClick="newcolor('lightblue')">

<INPUT TYPE="button" VALUE="Розовый"

onClick="newcolor('pink')">

<INPUT TYPE="button" VALUE="Вернуть"

onClick="newcolor('white')">

</FORM>

</BODY>

</HTML>

Задание № 2

Измените скрипт так, чтобы он вызывал другую поисковую систему. И еще, пусть при подаче запроса выскакивает окошко с надписью «Сейчас поищем...»

<html>

<head>

function Gofindit()

{

var search = document.formsearch.find.value;

{

var searchUrl = "http://www.google.ru/search?hl=ru&source=hp&biw=1152&bih=773&q=" + search + "&gbv=2&oq=" + search +"&aq=f&aqi=g10&aql=&gs_sm=e&gs_upl=1346l3469l0l3665l9l8l1l0l0l0l184l950l0.7l7l0";

location.href = searchUrl;}

alert('Сейчас поищем...')}

</SCRIPT>

</head>

<FORM NAME="formsearch">Найдите в Yahoo:

</FORM>

</html>

Задание № 3

Составьте документ HTML с формой aform. В ней должно быть два текстовых поля, одно для геометрической фигуры, другое для цвета, и кнопка. Напишите функцию с переменной, которая содержит слова «Мне нравится». Когда пользователь нажмет на кнопку, должно всплывать окно со следующей надписью:

Мне нравится геометрическая фигура такого-то цвета. (по результатам тех данных, которые пользователь вводит в форму)
Покажите длину (length) «фигуры».

<html>

<head>

function Gofindit()

{

var f = document.aform.fig.value;

var c = document.aform.col.value;

var d = document.aform.fig.value.length;

alert("Мне нравится " + f + ", " + c + " цвета.")

alert("Длинна фигуры " + f +" равна: " + d)

}

</SCRIPT>

</head>

Какая фигура:

Какого цвета:

</FORM>

</html>

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

Задание № 1

Напишите программу JavaScript, в которой пользователь нажимал бы кнопку, а программа предлагала бы ему случайную цифру от 0 до 5 со словами: "Ваша случайная цифра: "х".

<HTML>

<HEAD>

function rand()

{

var now=new Date()

var num=(now.getSeconds())%5

alert("Ваша случайная цифра: " + num)

}

</script>

</head>

<BODY>

<h1>Случайное число</h1>

<form>

</FORM>

</BODY>

</html>

Задание № 2

Перепишите программу так, чтобы она спрашивала, какого вы пола. Пусть в зависимости от ответа меняется фоновый цвет страницы. Помните, что в JavaScript различаются строчные и заглавные буквы, так что будьте внимательны в своих условиях.

Часть третья

Измените сегодняшний скрипт так, чтобы при неверной догадке он сообщал пользователю, что он назвал слишком большое или слишком маленькое число.

Часть четвертая

Измените программу так, чтобы она показывала рисунок, выбранный наугад из трех: pic1.gif, pic2.gif и pic3.gif.

1) <HTML>

<HEAD>

function askuser() {

var answer=" "

document.bgColor='white'

var answer=prompt("Какого Вы пола?")

if (answer == "мужского")

{document.bgColor='red'}

if(answer == "женского")

{document.bgColor='pink'}

}

</SCRIPT>

</HEAD>

<BODY>

<h2>Отвечать маленькими русскими буквами. (Пример: женского, мужского.)</h2>

<FORM>

</FORM>

</BODY>

</HTML>

2) <HTML>

<HEAD>

function rand()

{now=new Date()

num=(now.getSeconds())%10

num=num+1

}

function guessnum()

{guess=prompt("Угадай, какое?")

if (eval(guess) == num)

{alert("ПРАВИЛЬНО!!!")}

if (eval(guess) > num)

{alert("Случайное число меньше")}

if (eval(guess) < num)

{alert("Случайное число больше")}

rand()

}

</SCRIPT>

<h3>Я загадал число от 1 до 10</h3>

<INPUT TYPE="button" VALUE="Угадай"

NAME="b1" onClick="guessnum()">

</FORM>

</BODY>

</HTML>

3)<html>

<head>

var0="<IMG SRC='1.gif' BORDER=0>"

var1="<IMG SRC='2.gif' BORDER=0>"

var2="<IMG SRC='3.gif' BORDER=0>"

now=new Date()

num=(now.getSeconds())%3

if (num == 0)

{cliche=var0}

if (num == 1)

{cliche=var1}

if (num == 2)

{cliche=var2}

document.write(cliche + "<br>")

document.write("Случайная цифра: "

+ num)

</SCRIPT>

</head>

<BODY>

</BODY>

</HTML>

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

Задание № 1

Перепишите скрипт. Покажите первым leo.gif, как в примере. Однако дальше новый cкрипт должен показать img3.src (num=3), потом img2.src, потом img1.src. Когда num =0, измените num на 3.

В общем, перепишите скрипт задом наперед.

<HTML>

<HEAD>

var num=4

img1 = new Image ()

img1.src = "1.gif"

img2 = new Image ()

img2.src = "2.gif"

img3 = new Image ()

img3.src = "3.gif"

function slideshow()

{

num=num-1

if (num==0)

{num=3}

document.animal.src=eval("img"+ num +".src")

}

</SCRIPT>

</HEAD>

<BODY>

<p>

Щелкните, чтобы увидеть следующую картинку</A>

</CENTER>

</BODY>

</HTML>

<HTML>

<HEAD>

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 && len!= 9)

{alert("Неверное количество знаков в номере")

document.dataentry.phone.focus()}

for(i=0; i<3; i++)

{if (digits.indexOf(phone.charAt(i))<0)

{alert("Это должны быть цифры")

document.dataentry.phone.focus()

break}

}

if (phone.charAt(3)!=="-")

{alert("На 3 позиции должен быть - ")

document.dataentry.phone.focus()

}

</SCRIPT>

</HEAD>

<BODY>

<h2>Подтверждение данных</h2>

Введите свое имя:<br>

<INPUT TYPE="text" NAME="fn"

onBlur="validfn(fn.value)">

document.dataentry.fn.focus()

</SCRIPT>

Введите номер телефона (ххх-хххх):<br>

<INPUT TYPE="button" VALUE="Отправить"

onClick="validphone(phone.value)">

</BODY>

</HTML>

Дата добавления: 2015-11-14; просмотров: 357 | Нарушение авторских прав

<== предыдущая страница	\|	следующая страница ==>
Тема программы: 4.Основы этикета 6/4	\|	Напруженість магнітного поля в магнетиках

mybiblioteka.su - 2015-2024 год. (0.104 сек.)