Java Script

Java Script - това е лесно. част 1

Друга много важна част от програмирането в JS са събития и обработват събитие. Събитие главно по инициатива на някои действия на потребителя. Всяко действие описва определен тип събитие. Да кажем, когато натиснете бутона на мишката, събитието, наречено "Click", на кръстовището на показалеца на мишката на хипертекстова връзка - при поставянето на курсора събитие. За да се направи програмата реагира на тези събития, ние използваме специална програма на събитието, на работа. Например, програмата - едно кликване на мишката манипулатор се нарича OnClick събитие и казва на компютъра какво да правите, ако се случи това събитие. За яснота отново създаде един прост пример. Създаване на формуляр, който съдържа бутона, когато се натисне, ще се появи падащото меню.

тестовата страница

Натискането на бутона на тест бутон извежда прозорец с текст "тест се прави!" (Фиг. 1). Нека разгледаме по-подробно всяка инструкция на кода.

екип

създаване на форма с един бутон. Умение определя какво се случва, когато едно кликване върху бутона на мишката. По този начин, ако има събитие Кликнете, компютърът ще призове предупреждение ( "тест се прави!"). Сигнал функция () създава падащия прозорец. Когато е необходимо да се обадите в скоби посочва някои низ, който се появява в полето падащия. Както е показано на код структура в предупреждение () се използват единични кавички. Причината е, че в повечето случаи е възможно да се използват и двата вида кавички. И това не е от значение в какъв ред да ги използвате: първо се удвои, а след това единични кавички или обратното. В примера се използва за пръв път двойно, а след кавичките, сякаш сме се прилага изграждането на две двойни кавички - Тестът е ")", а след това на компютъра няма да може да се разбере сценария, тъй като не е ясно за коя част на проекта трябва да функционира OnClick обработка събитие и към които - не.

По този начин, на кутията съдържа текст, който е приет за JS сигнала за функция. Това ограничение се прилага от съображения за сигурност. Падащо кутия, можете да създавате и използвате метода на ред () (виж. Фиг. 2), но в този случай, кутията ще се възпроизведе текста, въведена от потребителя, и заради сценария, написан от "зли хакери", може да бъде под формата на съобщение система и поиска да въведете парола. В нашия случай, ясно е, че прозорецът е създаден от браузъра, а не на операционната система, и тя не може просто да се вдигне и да се премахне.

Много удобен начин за JS са функции, които в повечето случаи се използват като начин да се връзвам заедно няколко отбора. Като илюстративен пример, да предположим, че имате нужда от много време, повтаряйки някои последователност на реда текст. Използването на вече придобитите знания на JS език, можем да използваме командата document.write, и ще има следния код:

Невъоръжено око се вижда, че структурата е изградена нерационално. Възстанови кода с помощта на функцията:

Всички команди на сценария, които са в големи скоби принадлежат функция FreeFunc (), създаден от нас. Сега двата отбора document.write () са свързани и могат да бъдат изпълнявани от обаждане на посочените функции. След това можем да наречем FreeFunc () три пъти веднага след дадоха определението на самата функция. Това ще доведе до факта, че функцията се изпълнява три пъти, т.е. И двете линии ще бъдат отпечатани три пъти. Zest е, че способността да се премине променливи, които да извикването на функция дава истинска гъвкавост на скриптове. Функциите могат да бъдат използвани във връзка с процедурите за обработка на събитие. Например, възможно е да се създаде функция изчислено (), който ще има две променливи х и у, и математически резултатът от операцията се съхранява в променлива резултат. Последно функция команда, за да уточни предупреждение (резултат). Следваща функция изчислено () може да се извика, като кликнете върху бутона команда. в резултат получаваме изскачащ прозорец, в резултат на изчислението.

Работа с прозорци

Таблица 1. Основните параметри за създаване на прозорец в JS

Помислете практически пример за създаването на нов прозорец в браузъра:

В резултат на тази програма, ние получаваме един бутон в браузъра, когато се натисне, се създава нов прозорец с текста (вж. Фиг. 3).

Създали сме функция OpenWindow () се отваря нов прозорец на браузъра. Първият аргумент за отваряне () функция - празен низ ( "") - означава, че в този случай ние не искаме да се уточни конкретна един URL и JS се създаде нов документ. В сценария, ние дефинирате променлива myWindow, чрез която можем да получите достъп до новия прозорец (използване за тази цел на името на прозореца (TestWindow) в този случай е невъзможно). Създадената прозореца е с размери 300x100 пиксела и няма линии Състояние, нито лента с инструменти или меню. След отваряне на прозореца вътре отворен обект документ за показване на текст. Това се прави с помощта на myWindow.document.open () команда. Тук ние се обръщаме към отворен () - метод на документ. Тази команда не се отваря в нов прозорец - тя подготвя документ за допълнителна продукция. Наложително е да се постави пред document.open () префикс myWindow, за да може да отпечатва в нов прозорец. Наричани скрипт използва document.write () повикване, нов документ се генерира текст и параметрите му. За да направите това, пишете на документи нормални HTML тагове. В този случай, можете да използвате абсолютно никакви езикови тагове Hypertext Markup HTML. След приключване на работата с документа за отбора (), което трябва да го затворите, които използват myWindow.document.close () команда.

Когато отворите прозореца, ние трябва да използваме три аргумента:
myWindow = отворен ( "page.htm", "TestWindow"
"Широчина = 300, височина = 100, статус = не, лента с инструменти = не, менюта = няма");

В този пример, ние посочи конкретен URL (page.html), а вторият аргумент - име на прозорец. Знаейки името на прозореца, можете да заредите нова страница с помощта на запис

Трябва да укажете името на прозореца, а ако такъв прозорец не съществува, със същото име ще бъде създадена нова. Да не се правят грешки: променлива myWin - това не е името на прозореца, но само с помощта на тази променлива, можете да получите достъп до него. Обхватът на тази променлива е ограничена до само един скрипт, в който е определена. Но името на прозореца (TestWindow) - уникален идентификатор, който може да се използва от всеки от прозорците на браузъра. използвате функцията края (), за да затворите прозореца, а всичко останало е идентичен с работа с функцията на открито ().

В JS, можете да пишете на лентата на състоянието на браузъра - това е достатъчно само да напишете текста windows.status. Отново, погледнете техники за работа с тази функция в примера. Създаване на скрипт, който, когато щракнете върху бутона ще се появи на посочения текст в лентата на състоянието, а при натискане на втория бутон - това изтриване:

Стартиране на програмата в браузъра, ще получите формуляр с два бутона. Когато натиснете На Statbar текст в бар показва състоянието "чрез натискане на бутон On" бутона, и се почистват (вж. Фиг. 4), при натискане Off Statbar (Clear текст) в лентата на състоянието.

Така че, ние имаме форма с два бутона, и двете от които са причина за функция statbar (). Когато натиснете Текст функцията On Statbar се нарича
както следва: statbar ( "На натиснат бутона"). Цитираният текст е текстът, който ще видим в лентата на състоянието. На свой ред, функция statbar () се обявява, както следва:

функция statbar (ТХТ) window.status = ТХТ;>

В функцията в скоби, ние поставяме (TXT). Това означава, че низа минахме тази функция се поставя в променливата TXT, TXT и низ влезе в лентата на състоянието от window.status = TXT команда. Съответно, заличаване на текст от лентата на състоянието се изпълнява като пост в window.status празен низ ( ""). Използването на записи на текст, в лентата на състоянието е неограничен. Можете да поставите линкове към обяснение на, когато задържите курсора на мишката върху него, създаване на движещ се текст или просто да се използва за показване на дата и час.

С помощта на функцията таймер (изчакване) може да изпълнява някои команди след определено време. Да покажа това в следния скрипт:

След 3 секунди след отваряне на страниците изскачащ прозорец, който казва "Добре дошли в" MyHome "" (вж. Фиг. 5).

SetTimeout () - този метод на прозорец. Тя е предназначена за задаване на интервал от време. Първият аргумент в поканата - кодекс за JS, който трябва да се извърши след определеното време (в този случай, предупреждение ()). Вторият аргумент се използва за да посочите къде трябва да се извършва на кода. В същото време, в милисекунди.

прозореца на браузъра може да бъде разделен на няколко кадъра. Рамката на обща концепция - поле във формата на правоъгълник. Всеки от рамката показва собствен документ. Създаване на кадри все още е HTML-проблем, но ние ще прегледаме накратко основните моменти от този процес в езика JS. етикети, които са използвани за създаването на рамки и . Следващият пример ще създаде скрипт, който разделя браузъра страница при 5 кадъра, и на натоварването на всяка една от тях отделна страница:

Резултатът от изпълнението на този сценарий е показано на фиг. 6.

На следващо място, създаване на прост HTML-страница "start.htm":

у дома
Това е началната страница на нашия сайт

А менюто на лентата за навигация:

функция натоварване (URL) parent.main.location.href = URL;>

Написано вътре адреса на скоби. В нашия пример, това означава, че низа "1.htm" в извикване на функция се съхранява в променлива адреса. И тази нова променлива сега може да се използва, когато се работи вътре (функцията за натоварване).

Павел Кучински, pawelk_kg # 64; tut.by

Свързани статии