Читайте также:
|
Інструкція до практичної роботи №20
Тема. Збереження сценарію Java Script в окремому файлі
Хід роботи
Завдання 1. Створіть веб-сторінки і файли з відповідними до них сценаріями згідно приведених лістингів (приклад 1 і 2).
Приклад 1. Створимо сценарій на мові JavaScript 1.3 для показу на екрані вікна повідомлення з текстом "Привіт!". Відзначимо, що для показу на екрані вікна повідомлення можливо використати функцію alert.
Даний сценарій розмістимо в файлі a.js, пов’язаному з HTML-сторінкою hi.htm за допомогою параметру src тегу SCRIPT. Для виконання даного завдання створимо в Блокноті два файли. Один з розширенням htm (наприклад hi.htm), інший з розширенням js (наприклад a.js), що буде містити скрипт на мові JavaScript.
Код HTML-сторінки hi.htm:
<html><head>
<title>Використання JavaScript</title>
<script language="JavaScript1.3" src="a.js"> </script>
</head><body>
</body></html>
Програмний код, записаний в файлі a.js:
alert('hi');
Приклад 2. Створимо веб-сторінку «Перевірте власні знання з елементарної матемактики», яка буде у вигляді таблиці містити 4 тести. Скрипт обробки тестування і виведення результату розмістимо в окремому файлі test.js.
Лістинг ВЕБ-сторінки:
<HTML><HEAD><TITLE>Перевірте власні знання з елементарної матемактики</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<SCRIPT src="test.js"></SCRIPT>
</HEAD>
<BODY>
<TABLE width="100%" border=1 heiht="60%">
<TBODY>
<TR height="30%">
<TD>Сума кутів трикутника дорівнює...
<BR><INPUT id=Q11 type=radio name=Q1> <FONT size=+1>125</FONT> <FONT size=-1> </FONT><SUP>0</SUP><BR>
<INPUT id=Q12 type=radio name=Q1> <FONT size=+1>190</FONT><FONT size=-1> </FONT><SUP>0</SUP><BR>
<INPUT id=Q13 type=radio name=Q1> <FONT size=+1>180</FONT><FONT size=-1> </FONT><SUP>0</SUP><BR>
<INPUT id=Q14 type=radio name=Q1> <FONT size=+1>90</FONT><FONT size=-1> </FONT><SUP>0</SUP><BR>
</TD>
<TD>Розв'язками квадратного рівняння <FONT size=+1>x</FONT><FONT size=-1> </FONT><SUP>2</SUP>
<FONT size=+1>-4=0 є числа... </FONT><FONT size=-1></FONT><BR>
<INPUT id=Q21 type=checkbox>-1<BR>
<INPUT id=Q22 type=checkbox>2<BR>
<INPUT id=Q23 type=checkbox>-2<BR>
<INPUT id=Q24 type=checkbox>1<BR>
</TD></TR>
<TR height="30%">
<TD>Вкажіть назви геометричних тіл
<CENTER>
<TABLE border=0>
<TBODY>
<TR>
<TD><SELECT id=Q31 size=1>
<OPTION value=sphera selected> Сфера
<OPTION value=pir>Піраміда
<OPTION value=con>Конус
<OPTION value=chil>Циліндр
<OPTION value=paral>Паралелепіпед
</OPTION>
</SELECT>
</TD>
<TD><SELECT id=Q32 size=1>
<OPTION value=sphere selected>Сфера
<OPTION value=pir>Піраміда
<OPTION value=con>Конус
<OPTION value=chil>Циліндр
<OPTION value=paral>Паралелепіпед
</OPTION>
</SELECT>
</TD>
<TD><SELECT id=Q33 size=1>
<OPTION value=sphera selected>Сфера
<OPTION value=pir>Піраміда
<OPTION value=con>Конус
<OPTION value=chil>Циліндр
<OPTION value=paral>Паралелепіпед
</OPTION>
</SELECT>
</TD></TR>
<TR>
<TD><IMG src="cylindr.jpg" width=40> </TD>
<TD><IMG src="piramida.jpg"width=40 > </TD>
<TD><IMG src="konus.jpg" width=40> </TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</TD>
<TD>Різниця квадратів двох виразів дорівнює...<BR>
<INPUT id=Q41 type=radio name=Q4> різниці цих виразів мінус їх подвоєний добуток <BR>
<INPUT id=Q42 type=radio name=Q4> сумі цих виразів, що множиться на їх частку<BR>
<INPUT id=Q43 type=radio name=Q4> добутку різниці цих виразів на їх суму<BR>
</TD>
</TR>
</TBODY>
</TABLE><BR>
<CENTER><INPUT id=btn onclick=GetResult() type=button value=Результат>
<P id=result></CENTER></P>
</BODY>
</HTML>
Файл "test.js"
function GoTest()
{
showModalDialog("test.html", "test", "maximize=yes; help=no")
}
function GetResult()
{
k=0;
if (Q13.checked==true) k++;
if (!Q21.checked && Q22.checked && Q23.checked &&!Q24.checked) k++;
if (Q31.value=="chil" && Q32.value=="pir" && Q33.value=="con") k++;
if (Q43.checked==true) k++;
btn.outerHTML="<b>Результат</b>"
result.innerText="Кількість правильних відповідей: "+k
}
Завдання 2. Створіть веб-сторінку і файл з відповідним для неї сценарієм для знаходження площі трикутника за відомими довжинами сторін (сценарій Java Script має бути розміщений в окремому файлі).
Завдання 3. Розгляньте скрипти онлайн таймера http://www.onlinetimer.ru/#id=pmh4ateh0etc. Які файли необхідно мати, щоб відтворити подібний таймер.
Дата добавления: 2015-10-29; просмотров: 109 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Blue. Factory» произвела позитивное впечатление на жюри | | | Bottom of Form |