JavaScript бағдарламалау әдістері

Тақырыбы: «JavaScript бағдарламалау әдістері». 1-мысал. Бағдарлама беру, қарапайым алдын алу таңдау кезінде гипертекстовой сілтемелер. Схемасы URL — JavaScript.

Мысалда арасында құжаттың мәтінін орналасқан гипертекстовая ссылка «Don’ t click here». Егер оны таңдап, қарап шығу кезінде (тышқанмен шерту қажет), онда экранда терезе пайда болады-алдын алу пән: «Do you speak English?».

Генерация бұл терезе жүзеге асырылады арнайы әдіспен window.alert, ол орындалады таңдау кезінде гипертекстовой сілтемелер. Егер неғұрлым дәл болса, онда URL ақпараттық ресурсты келетін жүктеу ауысқан кезде осы гипертекстовой сілтеме схемасы қолданылады JavaScript — кеңейту ерекшелікте URI үшін бағдарламалау сценарийлерін көру гипертекстовых құжаттар World Wide Web. Бұл жағдайда, орындау, JavaScript-бағдарламаның жүреді таңдау кезінде гипертекстовой сілтемелер, ал бағдарламаның коды жазылған ретінде URL.

Қол жеткізу де осындай әсер болады және басқа тәсілмен жүгінбей-ақ, жаңа схема URL. Осы мақсат үшін пайдалануға болады оқиға құрастырып, бағдарлама-навигатормен таңдау кезінде гипертекстовой сілтемелер — Click.

2-мысал. Бағдарлама беру, қарапайым алдын алу бойынша оқиғаға Click таңдау кезінде гипертекстовой сілтемелер

<HTML>

<HEAD>

<title>Ең бірінші мысал JavaScript</title>

</HEAD>

<BODY>

<center>

<h1>Менің бірінші мысал JavaScript</h1>

<hr>

</center>

Мәтін-бұл құжаттың енгізілді гипертекстовая ссылка

<a href=»javascript:void(0)» onClick=»window.alert(Do you speak

English?)»>»Don ‘t click here»</a>. Бір қызығы,

егер сіз барлық таңдау керек?

</BODY>

</HTML>

Онсыз жаңа схемасын URL мұнда сондай-ақ, мүмкін емес, бірақ ол ғана пайдаланылады үшін таңдағаннан кейін гипертекстовой сілтемелер жұмыстық бағдарламасы навигатора емес появлялось бос беттер немесе тура келді жүктеу жаңадан ескі бетті. Өңдеу үшін оқиғалар пайдаланылады конструкциясы onClick, ол жүзеге асырады үндеу обработчику (handler) осы оқиғалар, ол, өз кезегінде, тудырады, орындау, код жазылған артынан onClick.

Орналастыру кодын бағдарлама JavaScript тікелей тагах HTML болып табылады, әдеттегі ісімен, бірақ үнемі ыңғайлы. Жиі JavaScript-кодын шығарады арнайы HTML-контейнер SCRIPT(</script>…..</script>). Көрсету үшін қолдану бұл тәсіл, видоизменим біздің мысал мынадай:

3-мысал. Контейнерді қолдану SCRIPT орналастыру үшін JavaScript-кодын

<HTML>

<HEAD>

<title>Ең бірінші мысал JavaScript</title>

<script language=»JavaScript»>

<!— Start the text of programme

function question()

{

window.alert(«Do you speak English?»);

}

// —>

</script>

</HEAD>

<BODY>

<center>

<h1>Менің бірінші мысал JavaScript</h1>

<hr>

</center>

Мәтін-бұл құжаттың енгізілді гипертекстовая ссылка

<a href=»javascript:void(0)» onClick=»question()»>»Don’ t click

here»</a>. Бір қызығы, егер сіз барлық таңдау керек?

</BODY>

</HTML>

Бұл мысал дамытып, қолдану, JavaScript-кодын өңдеу үшін оқиға Click. Бірақ тек осы жағдайда ғана біз орналастырамыз барлық код өңдеуге оқиғалар атрибуте onClick. Осы атрибут орналастырылады ғана функцияны шақыру, өңдеуге бұл оқиға. Өзі денесі функциялары орнатылды тақырыбындағы HTML-құжаттың ішіндегі тагов <script …> және </script>

Қорғау үшін мәтін функциялары жылғы түсіндіру браузерлері, қолдайды, JavaScript, біз жабыстырып, кодты HTML-комментарий. Бұл ретте соңғы жолы осы түсініктеменің басталуы тиіс пікір JavaScript үшін браузер түсінетін JavaScript, интерпретировал оның бір бөлігі ретінде JavaScript-кодын.

Әр түрлі браузерлер қолдайды әр түрлі нұсқалары JavaScript, белгілі бір шектеулер жүктейді жазған кезде JavaScript сценарийлер. Үшін барынша бейімдеуге өз бағдарламасын нақты түрі бағдарламалық қамтамасыз ету, жиі тексеруді қосады нұсқасы шәкәрім атындағы семей мемлекеттік бағдарлама-браузер JavaScript.

4-мысал. Алу типті бағдарламаны көру HTML-беттер

<HTML>

<HEAD>

<title>Test of Browser name</title>

</HEAD>

<BODY>

<h1 align=center>Тексеру атындағы үлгідегі шолғыш;</h1>

<hr>

Алу үшін аты сіздің бағдарламаны көру

«пернесін таңдаңыз Browser»<br>

<center>

<form name=kuku>

<input type=button name=browser value=Browser

onClick=»window.alert(window.navigator.appName)»>

</form>

</BODY>

</HTML>

Бұл бағдарлама дәл қайталайды, мысал 2.10, бірақ ескерту терезесінде береді аты бағдарламасын көру HTML-беттер (window.navigator.appName). Жалпы айтқанда, жай хабарламада типі туралы бағдарламалық қамтамасыз ету үлкен мағынасы жоқ, бірақ егер сұғындыр-тексеруді осы атындағы мәтін HTML-беттер және шартты іске асыру компиляцию беттер болса, онда өтініш осы конструкцияның JavaScript болады ақталған:

5-мысал. Шартты генерация мәтін бетінің типі бойынша бағдарламаны көру

<HTML>

<HEAD>

<title>Test of Browser name</title>

</HEAD>

<BODY>

<h1 align=center>Тексеру атындағы үлгідегі шолғыш</h1>

<hr>

<script language=JavaScript>

<!—

if(window.navigator.appName == «Netscape»)

{

document.write(«<br><center><font color=steelblue size=+5>»);

document.write(«сіз жақсы навигатор.»);

document.write(«</font></center>»);

}

else

{

document.write(«<font color=red size=+3>Қажет Netscape Navigator

3.0 және одан жоғары.</font>»);

window.alert(«Down load new version of your browser now.»);

}

// —>

</script>

</BODY>

</HTML>

Мысалда мәтін JаvaScript-бағдарламаның орналастырылды тікелей теле құжат. Кезде, оны тиеу, қашан HTML-интерпретаторлар дейін жетеді контейнер SCRIPT шақырылады JavaScript-интерпретаторлар. Осы сәтте тексеріледі, шарт, ол ұсталады оператор if. Нәтижесіне байланысты тексеру осы қалған мәтін беттің қабылдаса, сол немесе басқа түріне қарай, бағдарламаны қарап шығу.

Жалпы айтқанда, тексеру түрі бағдарламаны көруге болады серверінде хаттама HTTP беру бағдарламасы қарап шығу дайын бетті жоқ шартты генерациялау оның мазмұны. Бірақ, бұл жағдайда, автор беттің мүмкіндігі бар-да бағдарламалауға машинада онда сервер орнатылған және мүмкіндігі бар, бас-көз болмасқа бұл сервер. Бірқатар жағдайларда орын Website жалға алынса, жалға алу келісімшартында жоқ-тармағының қамтамасыз ететін, ресурстарды басқару сервер, бұл жағдайда бағдарлама шартты генерацией ұстау беттен кейде өте пайдалы. Басқа жағдай — бұл жұмыс жергілікті режимде сервер. Мұнда JavaScript жалғыз құралы болып табылады басқару көрумен. Тағы бірқатар жағдайларды қолдану контейнер SCRIPT теле құжат болып табылады әбден ақталған, бірақ оларға біз кейінірек тоқталайық контекстінде нақты міндеттерді шешу басқару сценарийлері көру.

Алайда, көбінесе, мәтін JavaScript-кодын орналастырады түрінде сипаттау функцияларды атауында құжаттың, бұл пайдалану осындай кодты ыңғайлы. Бұл екі сәттері кезінде ескеру жазу JavaScript-бағдарламалар: қолданылу сипаттамасын (бір бөліктерін құжаттың немесе беттің көрініп-ақ тұр, демек, оған жүгінуге болады ретінде функциясын және принциптерін түсіндіру кодты қараған кезде құжат.

Егер код орналастырылады теле құжат, онда ол түсіндіріледі жағдайда ғана переразметки бейнеленетін құжат (тиеу, параметрлерін өзгерту терезелер, перезагрузка). Егер мәтін орналастырылған атауында болса, онда оған жүгінуге болады кез-келген жерінен құжат, дәлірек айтсақ, кез келген өңдеушінің оқиғалар ретінде көрсетіледі атрибуттар HTML-тагов.

6-мысал. Орналастыру скрипт бөлек файлда (netscape.jsc)

<HTML>

<HEAD>

<title>Test of Browser name</title>

</HEAD>

<BODY>

<h1 align=center>Тексеру атындағы үлгідегі шолғыш</h1>

<hr>

<script language=JavaScript src=netscape.jsc>

</script>

</BODY>

</HTML>

Бұл жағдайда мәтін шартты генерация страницы размещен сыртқы файлда. Бетті жүктеу кезінде бұл мәтін докачивается бағдарламасында қарап шығу орындалады, егер де ол орналасқан құжатта. Бір қызығы, бұл кезде құжаттың мәтінін опциясы арқылы «View Source» мәтін скрипт емес көрінеді, бұл мүмкіндік береді, жасыру оның мазмұны пайдаланушыдан. Ең файлда қамтиды, конструкциялар JavaScript, HTML-таги пайдаланылады:

Мысал 7. Мазмұны файлды netscape.jsc, сілтеме ол орнатылған атрибуте SCR тага <SCRIPT >.

if(window.navigator.appName == «Netscape»)

{

document.write(«<br><center><font color=steelblue size=+5>»);

document.write(«сіз жақсы навигатор.»);

document.write(«</font></center>»);

}

else

{

document.write(«<font color=red size=+3>Қажет Netscape Navigator

3.0 және одан жоғары.</font>»);

window.alert(«Down load new version of your browser now.»);

}

Бұл болады аяқтау кіріспе бөлігі, посвященную кәмелет жасты JavaScript-кодты және көшу көп жоспарлы баяндалу тәсілдерін бағдарламалау JavaScript болмаса, бір «бірақ». Себебі, кез-келген автор, ол жиналады баяндау бағдарламалау тілі JavaScript кездеседі проблемасы біртіндеп ұлғайту күрделілігі мысалдар. Материал бастау керек мазмұндау, «пеш», бірақ ең печки жоқ. Барлық бағдарлама JavaScript (Client-site JavaScript) — бұл белгілі бір шамада өңдеу бағдарламасы оқиғаларға байланысты, сол немесе өзге де ақпараттық объектілері. Зерттемей-ақ осы объектілердің болмайды бастауға ештеңе-да бағдарламалауға.

Алайда, бар сақтандыру жалпы, сақтандыру деген бұл заколдованном айналымда, онда біз воспользуемся. Бұл схемасы JavaScript әмбебап локатора ресурстар (URL). Біздің мысалдар келтіре отырып, біз қолданған бұл схемасы. Ол көмектесті бізге ашуға терезе-передупреждение таңдау кезінде гипертекстовой сілтемелер және болдырмауға қайта бет. Біз пайдалануға осы схемамен сүйемелденеді шақыру JavaScript-кодын кезге дейін пайда біздің қарау объектісі (контейнер HTML) атрибуты өңдеу оқиғалар.

Осыдан кейін шағын ауытқулар бастаймыз қарауға тәсілдері, бағдарламалау JavaScript сәйкес иерархией объектілерін тілінен бастап, ең үлкен, объектінің және қозғала отырып тұңғиық ағаш объектілерін: «объектісінің терезе элементтеріне нысандары.

Ұсынылатын әдебиет

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

Пайк. М. «Internet түпнұсқада» СПб.: BHV-Санкт-Петербург, 1996.

Перри П. Дж. Құпиялары «World Wide Web» Киев: Диалектика, 1996.

Шарф Т., «HTML 4.0: Анықтамалығы» СПб: Питер, 1998.

Вуд Л. «Web-графика: Анықтамалығы» СПб: Питер, 1998.

Добавить комментарий

Your email address will not be published.