Зертханалық ЖҰмыс №1 тапсырма (зертханалық жұмыс) тапсыру мерзімі: апта, балл Сырғымалы жолдарды және тізімдерді ұйымдастыру



бет27/35
Дата13.11.2022
өлшемі1,49 Mb.
#157933
1   ...   23   24   25   26   27   28   29   30   ...   35
Байланысты:
ЗЕРТХАНАЛЫҚ ЖҰМЫС-1

3. Document объектісі
Document объектісі (ол document объектісі қасиеттері болып табылады) ... блоктарында орналасқан тәгтерді модельдейтін объектілер үшін қажет.
Document объектісінің кең тараған тәсілі – write тәсілі. Бұл тәсіл құжат терезесіне мәлімет жазу үшін керек. Write тәсілін қолдану алдында жазба ашу керек (open тәсілі), ал шығарған соң, оны жабу керек (close тәсілі).
Open тәсілі форматы:
айнымалы.document.open();
Мұндағы: айнымалы – бұл мәлімет жазылатын терезеге нұсқауыш.
Write тәсілі форматы:
document.write(жазба); немесе
айнымалы.document.write(жазба);
Мұндағы : айнымалы – бұл шығарылатын мәлімет көрсетілетін терезеге нұсқауыш. Егер айнымалы берілмесе, онда мәлімет ағымдағы терезеге жіберіледі; жазба – шығарылатын мәлімет көрсетілетін сөз тіркесі.
Close тәсілі форматы:
document.close(); немесе
айнымалы.document.close();
Мұндағы айнымалы – жазба шығарылмай жабылатын терезеге нұсқауыш. document.open тәсілін қолдану міндетті емес, өйткені document.write тәсілі жабылған құжатқа мәлімет жазу кезінде оның ішіндегі ескі мәліметті өшіріп, оны жаңа жазба үшін ашады.
Мысал. Келесі суреттегі бейнені құру программасы:
var win = open("","","width=300,height=200"); win.document.write("Мысал: Бұл парақ "); win.document.write("программалық тәсілмен құрылған."); win.document.close();
Терезеге мәтін шығару кезінде write функциясы бірнеше рет қолданылғанымен, оның нәтижесі бір тұтас абзац ретінде шығарылады.



Write тәсілі арқылы терезеге жай мәтіннен басқа тәгтермен белгіленген мәтінді де шығаруға болады ( сурет).


var win = open("","","width=300,height=200"); win.document.write("

Мысал

"+
"
" +
"
" +
"Бұл парақ" +
" программалық тәсілмен құрылған.");
win.document.close();


4. Оқиғалар
Браузер тұтынушы әрекеттерін қадағалап, соларға сәйкес әрекет ете алады. Егер терезеде тышқанды шерту сілтемеге сәйкес келсе, браузер жаңа құжат жүктейді. “Alt + ¬” пернелерін басу терезені бұрынғы қалпына қайтарады.
Егер тұтынушы тышқан курсорын суретке алып барса, онда браузер шағын терезеге сол тәгіне, яғни суретке сәйкес alt-мәтін шығарады. Тұтынушы бағыттауыш пернелерді басса, браузер сәйкесінше терезедегі мәтінді жылжытады.
Бұлардың бәрі тышқан мен пернеліктің браузерге тұтынушының не істеп жатқаны жайлы « хабар беріп» отыратынын білдіреді. Оған қоса, браузер құжаттың жүктелуі жайлы да толық хабардар болып отырады. Егер сурет жүктелмесе (дискіде жоқ, сервермен байланыс үзілді), браузер оның орнына тіктөртбұрыш қояды. Осындай информациялық хабарламалар оқиғалар (события) деп аталады. Кейбір оқиғаларға браузер бірден жауап береді, ал басқаларына жайбарақат қарап тұра беруі де мүмкін. Мұндайда браузерге не істеуі керек екендігі айтылмаған деп ұққан жөн.
HTML-код арқылы браузер салған батырма мынадай болады( суретті ):
< FORM>
value="Кәдімгі батырма">

Батырма
...
тәгінің ішкі тәгі арқылы берілген. value атрибуты батырма бетіндегі жазуды береді, ал type атрибуты енгізу өрісінің типін сипаттайды. Браузер батырманы шерткенде, оған жауап бере ме? Әрине, ол экранда батырманы басқанды көрсетеді, бірақ басқа ешнәрсе істемейді.
onclick атрибуты браузерге батырма басылғанда не істеу керек екендігін білдіріп тұр. Атрибут мәні ретінде ұзын сөз жазу қажет емес, сондықтан көбінесе былай программаланады.
1. Батырмадағы сөзді өзгертіп «Күнтізбе» орнына басқа мәтін жазыңдар.
2. Fun функциясы кодын басқаға, мысалы, мынаған өзгертіңдер:
var sum = 0;
for (var i = 100; i; i --) sum += i;
alert("Қосынды 1 + 2 + ... + 100 = " + sum);
3. Өз функцияларыңды жазып шығыңдар. Мысалы, бір сан енгізіп оның квадратын немесе кубын табыңдар.
Сонымен, JavaScript HTML-кодтарында оқиғаларды өңдейтін программалар жазуға мүмкіндік береді де, оны интерактивті бет етуге, яғни тұтынушы әрекетіне жауап беретіндей күйге келтіре алады.
Тәгтегі onclick түйінді сөзі - «оқиғалық» атрибуттың аты, алдына «on» сөзі қойылып жазылады. Мұндай атрибут мәні скриптік код болып табылады. Егер оқиға орындалса, онда атрибут аты арқылы кодталған скрипт іске қосылады. Onclick атрибуты «экрандағы белгілі нүктені тышқанмен шерткенде» орындалатын оқиғаны өңдеуді жүзеге асырады .
Мысалы: Қабырғасының ұзындығы берілген жағдайда квадраттың ауданын анықтау программасын жазайық. Ауданның мәні қабырғаның мәні өзгерген сәтте есептелуі тиіс. Екі мәтіндік өріс енгізілген форма құрайық: оның бірі квадраттың қабырғасының мәнін енгізу, ал екіншісі аудан мәнін есептелген мәнін шығару үшін қажет. Жаңарту батырмасы форма өрістерін тазалайды. Квадрат ауданы change оқиғасы туындыған мезетте, формадағы numl деген элемент мәні өзгергенде және элемент фокусын жоғалтқанда есептеледі.
11 тапсырма (зертханалық жұмыс)


Достарыңызбен бөлісу:
1   ...   23   24   25   26   27   28   29   30   ...   35




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет