Блиц-тест. 1.JavaScript тілінде сonfirm() функциясы не үшін қолданылады?

1.JavaScript тілінде сonfirm() функциясы не үшін қолданылады?

A) ОК және ОТМЕНА батырмалары бар терезе шығарылады

B) Бір ғана ОК батырмасы бар терезе шығарады

C) Ол ақпаратты енгізу үшін қолданылатын функция

D) Көлемді мәтінді экранға шығаратын функция

E) Айнымалыларды сипаттау үшін қолданылады

2.JavaScript тіліндегі prompt() функциясы қандай қызмет атқарады?

A) Ол ақпаратты енгізу үшін қолданылатын функция

B) Бір ғана ОК батырмасы бар терезе шығарады

C) ОК және ОТМЕНА батырмалары бар терезе шығарылады

D) Көлемді мәтінді экранға шығаратын функция

E) Айнымалыларды сипаттау үшін қолданылады

3.JavaScript тіліндегі for циклінің жалпы жазылу түрі:

A) for (цикл басы; шарт; қадамы) команда;

B) for (шарт) команда;

C) for (цикл басы; шарт) команда;

D) for (шарт; қадамы) команда;

E) for (шарт) команда;

4.JavaScript тіліндегі while циклінің жалпы жазылу түрі:

A) while (шарт) команда;

B) while (цикл басы; шарт; қадамы)

C) while (шарт)

D) while (цикл басы; шарт)

E) while (шарт; қадамы)

5.JavaScript тіліндегі экранға шығарылатын мәндердің барлығын бір терезеде орналастыру үшін alert() функциясының орнына қандай команда жазу керек?

A) document.write()

B) alert.write()

C) prompt() D) concat()

E) slice()

 

Әдебиеттер

1. Б. Бөрібаев., Г.А.Мадьярова. Web технологиялар. Оқулық.Алматы,2011

2. Дузбаева Р.М. Основы создания HTML-документов. Уч. пособ. для студентов. –

Алматы, КБТУ 2003. –82 с.

3. Нидерст Дж. Web-мастеринг для профессионалов. –СПб.:Питер, 2001. –576

4. Информатика и образование,№8, 2000. Е. В. Давыдова

5. Джамса Крис. Эффективный самоучитель по креативному Web-дизайну. HTML, XHTML, CSS, Javascript, PHP, ASP, ActiveX. Пер. с англ./Крис Джамса, Конрад Кинг, Энди Андерсен. –М.: ООО «ДиаСофтЮП», 2005. –672 с.

 

 

Зертханалық жұмыс №15.1

 

Тақырыбы:Батырмаларды құру оқиғаларын өңдеу. Форма элементтерінің өзгерістері.

Сабақтың мақсаты: б атырмаларды құру оқиғаларын өндеу, форма элементтерімен жұмысты меңгеру.

Материалдар жане құралдар:жұмысты орындауға арналған методикалық нұсқау, дербес компьютер, Netscape Navigator және Internet Explorer браузерлері.

Жұмыстың орындалу реті:

1. Теориялық материалды игеру.

2. Жұмыстың орындалуы.

3. Бақылау сұрақтары.

Зертханалық жұмыстың орындалуына есеп беру формасы:

1. Зертханалық жұмыс номері

2. тапсырма

3. Бағдарлама мәтіні.

4. Тестілеу нәтижесі.

5. Бақылау сұрақтарына жауап беру.

Әдістемелік нұсқау

Батырмалар. <INPUT> элементі

Формада әр түрлі енгізу және басқару элементтерін орнатуға болады. Ол үшін <input> тәгі қолданылады. Әрбір <input> тәгінде name атрибуты болады. Оның мәні браузер ашатын объект атауы (типі) болып табылады. Мысалы, бір ғана мәтін енгізу жолы бар форма берілсін делік:

<FORM name=anketa>

<INPUTtype=textvalue=Қаламұш name=obj>

</FORM>

JavaScript программасындағы мынадай конструкция document.anketa.obj.value объектінің <input> тәгі үшін тұрғызылған value қасиетін пайдаланады (өзгертеді), Мұндай жазуды былайша түсіну керек: document – document объектісі (атасы (тегі) - window объектісі); document.anketa – anketa объектісі (атасы - document объектісі); document.anketa.obj – obj объектісі (атасы - anketa объектісі); document.anketa.obj.value – obj объектісінің value қасиеті, ол <input> тәгінің obj атты value атрибутына сәйкес келеді. value қасиетінің мәнін былай меншіктеп оқуға болады: var str = document.anketa.obj.value;

Бұл қасиеттің мәнін өзгерте аламыз:document.anketa.obj.value = "қарындаш" Мұндай меншіктеу экрандағы мәнді бірден өзгертеді.Енгізу өрісіндегі «қалам» мәні «қарындаш» мәніне ауысады.

Name атрибуты мәні айнымалы аты тәрізді, сондықтан орыс/қазақ әріптерін пайдаланбау керек және бірінші символ цифр болмауы тиіс.

Экрандық батырмалар

<input> тәгіндегі интерфейстік элементтің нақты бейнесі type атрибутымен беріледі. Осы атрибуттың экрандық батырмалар тұрғызатын мәндерін қарастырайық:

reset - шерткен кезде форманы автоматты түрде бастапқы қалыпқа келтіретін батырма жасайды (форманың барлық енгізу өрістері келісім бойынша HTML-кодта орнатылған алғашқы мәндерді қабылдайды). Ал value атрибуты батырмадағы жазуды көрсетеді:<INPUT type=reset value=Тазалау> submit - шерткен кезде форманы желі бойынша жөнелтетін батырма тұрғызады.

value атрибуты батырмадағы жазуды көрсетеді:

<INPUT type=submit value=жөнелту>button – қарапайым батырма тұрғызады:

<INPUT type=button value= "Басу"> программалық басқару Төмендегі тәг үшін браузер тұрғызған объектің <input type=button> (не мынадай тәгтер үшін <INPUT type=submit>,<INPUT type=reset>) value қасиеті болады, ол батырмадағы жазуды анықтайды. Төменде осы қасиетті пайдаланатын мысал келтірілген.

Браузерге осы мысалды енгізіп, ондағы батырмалар жұмысын тексеруге немесе өзгертуге, яғни алгоритмін бақылауға болады (1-сурет).

<HTML> <HEAD>

<TITLE>Ақылды батырма</TITLE>

<SCRIPT language=JavaScript>

<!-- var num=0;

var name0="басу саны:0";

//-->

</SCRIPT>

</HEAD> <BODY bgcolor=white text=black>

<H2>Ақылды батырма</H2> <HR>

<FORM name=count>

<INPUT type=button value=сброс onclick="document.count.key.value=name0;

num=0;">

<INPUT type=button name=key value="басу саны: 0" onclick="document.count.key.value='басу саны:'+(++num);"> </FORM>

1-сурет. Батырманың басу санын есептеу

Форма өрістерін пайдалануды жеңілдету үшін, this нұсқауын - объектінің ағымдағы данасын көрсетуді және this.form нұсқауын - ағымдағы форма үшін тұрғызылған объектіге нұсқауды пайдаланамыз:

<FORM> <INPUT type=button value=c6poc onclick="this.form.key.value=name0;

num=0;"> <INPUT type=button name=key value="басу саны onclick="this.value='басу саны:'+(++num);"> </FORM>

Бұл мысалда форма атын көрсету қажет болмады. Форма ішіндегі оның синонимі ретінде this.form конструкциясы қолданылды. Ал екінші <input> тәгінде де оның атын жазбай-ақ, орнына оның синонимі this жазылды.

Енгізу жолы

<input type=... > тәгіндегі type атрибутының text және password мәндері енгізу жолын экранға шығарады: text – қарапайым енгізу қатары; password – құпия сөз енгізу қатары.

Қосымша атрибуттар:

· value атрибуты үнсіз келісім бойынша орнатылған енгізу өрісін береді (осы мән reset батырмасын шерткенде орнатылады: <INPUT type=reset>);

·size атрибуты өріс енін символмен береді. Егер атрибут көрсетілмесе, ол оның (value)мәні ретінде берілген сөздің ұзындығымен анықталады;

· maxlength атрибуты осы өріске енгізілетін сөздің максималды енін символмен береді. Егер ол атрибут көрсетілмесе, ұзындығы шектелмейді;

· readonly атрибуты «тек оқылатын» сөз тіркесін анықтайды. Мұндай жол түзетілмейді.

<INPUT type=text value="Анар" size=10 maxlength=30>

password - «құпия сөз» енгізу жолы. Ол енгізу кезінде көрінбей, жұлдызшалармен бейнеленеді. Құпия сөз буферге де көшірілмейді.

<INPUT type=password value="" size=10 maxlength=10>

Оны программалық басқару Браузердегі <input type=text> (немесе <input type=password>) тәгі үшін тұрғызылған объектінің мынадай қасиеттері болады:

value – енгізу жолының ағымдағы мәні;

defaultValue – value атрибутының соған сәйкес <INPUT> тәгінде көрсетілген мәні.