W tej lekcji dowiemy się o metodach alert(), Prompt() i potwierdzenie() obiektu okna.

metoda alertu().

Metoda alert() ma na celu wyświetlenie okna dialogowego z ostrzeżeniem z określonym komunikatem i przyciskiem „OK” na ekranie użytkownika. Można go używać do przekazywania ważnych informacji użytkownikowi.

window.alert(Parametr_1);

Metoda alert() posiada jeden wymagany parametr - jest to treść komunikatu wyświetlanego w oknie dialogowym. Ta metoda nie zwraca niczego w wyniku jej wykonania.

Na przykład wyświetlmy okno dialogowe z ostrzeżeniem dla osoby odwiedzającej witrynę, gdy kliknie łącze: Przejdź do strony internetowej

Metoda potwierdzenia() Metoda potwierdzenia() obiektu okna służy do wyświetlenia na ekranie użytkownika okna dialogowego z określonym komunikatem oraz przyciskami „OK” i „Anuluj”. Okno potwierdzenia może zostać użyte do poproszenia użytkownika o pozwolenie na wykonanie akcji.

var wynikPotwierdź = potwierdź(Parametr_1);

Metoda ta posiada jeden parametr - jest to treść komunikatu, który zostanie wyświetlony w oknie dialogowym.

Metoda confirm() w wyniku swojego wykonania zwraca jedną z dwóch wartości:

• true, jeśli użytkownik kliknął „OK”;
• false, jeśli użytkownik kliknął Anuluj lub zamknął.

Przykładowo, wyświetlmy w elemencie p z id="resultConfirm" wynik kliknięcia przez użytkownika przycisku "OK" w oknie dialogowym:

var wynikAkcjaUser = potwierdzenie("Użytkowniku, kliknij przycisk OK."); if (resultActionUser) ( document.getElementById("resultConfirm").innerHTML = "Użytkownik, dziękujemy za kliknięcie przycisku OK"; ) else ( document.getElementById("resultConfirm").innerHTML = "Użytkownik, jesteśmy rozczarowani Twoją odpowiedź "; )

metoda zachęty().

Metoda Prompt() ma na celu wyświetlenie na ekranie użytkownika okna dialogowego zawierającego komunikat, pole tekstowe do wprowadzenia danych oraz przyciski „OK” i „Anuluj”. Jego zadaniem jest monitowanie użytkownika o podanie danych.

var wynikPrompt = zachęta(Parametr_1, Parametr_2);

Metoda ta ma dwa parametry:

• komunikat, który zostanie wyświetlony w oknie dialogowym. Parametr ten jest wymagany i zawiera komunikat, który „podpowiada”, jakie dane użytkownik powinien wpisać w pole tekstowe;
• drugi parametr jest opcjonalny i można go wykorzystać do określenia wartości początkowej, która zostanie wydrukowana w polu wejściowym okna dialogowego po otwarciu.

W zależności od działań użytkownika metoda Prompt() może zwrócić następujące dane:

• wartość tekstowa – jeżeli pole wejściowe zawiera dane i użytkownik kliknął „OK”;
• pusta linia – jeśli pole wejściowe nie zawiera danych i użytkownik kliknął „OK”;
• null - jeśli użytkownik kliknął „Anuluj” lub zamknął to okno, nie ma znaczenia, jakie dane zostały wprowadzone w polu tekstowym.

Uwaga: okno dialogowe pojawiające się w wyniku wykonania jednej z metod alert() , potwierdzenia() lub podpowiedzi() ma charakter modalny, tj. blokuje dostęp użytkownika do aplikacji nadrzędnej (przeglądarki) do czasu zamknięcia okna dialogowego przez użytkownika.

Przykładowo zapytajmy użytkownika o nazwę i w zależności od wyniku wyświetlmy tekst w elemencie z id="nameUser" :

var nameUser = zachęta („Wpisz swoje imię?”);

if (nameUser) ( document.getElementById("nameUser").innerHTML = nameUser +", witamy na stronie!"; ) else ( document.getElementById("nameUser").innerHTML = "Gość, witaj na stronie!" ;)

Na przykład poprośmy użytkownika o odgadnięcie liczby 8:

funkcja GuessNumber() ( var findNumber = zachęta („Zgadnij liczbę od 1 do 10?”); przełącznik (findNumber) ( przypadek „6”: alert („Już jest cieplej!”); przerwa; przypadek „7”: alert („ Gorąco!”); break; case „8”: alert („Dobrze zgadłeś! To liczba 8.”); break; case „9”: alert („Już jest cieplej!”); : alert("Jest zimno! "); przerwa;) ) ... Zgadnij liczbę

W tym artykule poznamy trzy interesujące metody, a mianowicie metody alert(), confirm() i Prompt(). Wszystkie są zaprojektowane tak, aby wchodzić w interakcję z użytkownikiem.

Wszystkie te trzy metody należą do obiektu okna (okna przeglądarki). Można je nazwać tak: window.method_name(); Ale JavaScript pozwala nam nie określać tego obiektu okna, ale po prostu napisać nazwę metody.

Zaczniemy od metody alert(). Ta metoda wyświetla określony komunikat w oknie przeglądarki użytkownika. Okno to pojawi się na górze całej strony i dopóki użytkownik nie kliknie przycisku OK, nie zostanie zamknięte.

Aby to zademonstrować, wyświetlmy komunikat za pomocą metody alert().

Wewnątrz metody możemy podać dowolny ciąg znaków, tyle że bez znaczników HTML. Nie są one tutaj przetwarzane, ale są wyświetlane w niezmienionej postaci.

Jeśli ciąg, który chcemy określić, jest bardzo długi i chcemy do niego przejść nowa linia, to tutaj jest tag HTML
nie zadziała. Tutaj musisz użyć znaku „\n”.

Alert("Loooooooooong \nStringgggggg");

Ta metoda jest często używana do wyszukiwania błędów w kodzie.

Proces przetwarzania kodu przebiega od góry do dołu, więc aby wyłapać błąd, po prostu piszemy metodę alert() w oczekiwanym obszarze, w którym zlokalizowany jest błąd. A jeśli alert() zadziałał, to nie ma błędów aż do wiersza, w którym jest zapisany.

Następnie musisz przenieść go o jedną linię lub więcej poniżej. Zapisujemy zmiany, ponownie odświeżamy stronę w przeglądarce i sprawdzamy, czy alert() zadziałał, wówczas nie ma błędów aż do linijki, w której się znajduje, w przeciwnym razie, jeśli nie zadziałało, błąd znajduje się w linię nad linią, na której aktualnie się znajduje. W ten sposób możesz znaleźć błąd w kodzie.

metoda potwierdzenia().

Ta metoda służy do potwierdzenia odpowiedzi na pytanie. Istnieją tylko dwie możliwości odpowiedzi: tak (OK) lub nie (Anuluj). Jeśli użytkownik odpowie tak, metoda zwróci wartość true, w przeciwnym razie zwróci wartość false.

Przykładowo wyświetlimy okno za pomocą metody potwierdzenia(), w którym zapytamy użytkownika „Czy na pewno chcesz opuścić stronę?” Jeżeli użytkownik odpowie tak, to poprzez metodę alert() wyświetlimy komunikat „Użytkownik chce opuścić stronę”, w przeciwnym wypadku wyświetli się kolejny komunikat „Użytkownik NIE chce opuścić strony”.

Var user_answer = potwierdzenie("Czy na pewno chcesz opuścić stronę?"); if(user_answer) alert("Użytkownik chce opuścić stronę"); else alert("Użytkownik NIE chce \nopuścić strony");

Tak działa metoda potwierdzenia(). Można go używać przy różnych okazjach. Na przykład przed usunięciem czegoś ze strony zwyczajowo pyta się użytkownika, czy jest pewny swoich działań. Lub przed wysłaniem formularza możesz także zapytać użytkownika: „Czy wszystko wypełniłeś poprawnie?”. Jeśli odpowie „tak”, to formularz zostanie wysłany, w przeciwnym razie nie zostanie wysłany.

metoda zachęty().

Ostatnią metodą, którą poznamy, jest metoda Prompt(). Ta metoda jest stosowana rzadziej niż pozostałe dwie metody. Pozwala otrzymać od użytkownika pewne informacje, które wprowadzi on w pole tekstowe.

W rezultacie metoda Prompt() zwraca wprowadzony ciąg znaków, jeśli użytkownik kliknął przycisk OK, lub wartość null, jeśli użytkownik kliknął przycisk Anuluj.

Jako parametr, czyli w nawiasach tę metodę możemy napisać wytyczne lub pytanie, aby poinformować użytkownika, jakie informacje należy wprowadzić.

Na przykład poprośmy użytkownika o odpowiedź na pytanie „Jak masz na imię?” Wprowadzona przez użytkownika nazwa zostanie wyświetlona na ekranie za pomocą metody alert().

Nazwa zmiennej = zachęta („Jak masz na imię?”); alert("Twoje imię to " + imię);

Zapisz i otwórz stronę w przeglądarce.

Oczywiście do pola tekstowego można wpisać dowolną informację z poziomu metody Prompt(). Informacje te zostaną zwrócone w postaci ciągu znaków, nawet w przypadku liczb lub innych znaków specjalnych.

Na przykład poprośmy użytkownika o wprowadzenie dwóch liczb, a następnie ich pomnożenie. Będzie jakiś kalkulator do mnożenia liczb.

Var x = Prompt("Wpisz pierwszą liczbę:"); var y = Prompt("Wprowadź drugą liczbę:"); //Konwertuj wprowadzone liczby z typu string na typ numeryczny x = Number(x); y = liczba (y); dokument.write(x + " * " + y + " = " + (x * y));

Wprowadzane liczby są ciągami znaków, więc aby wynik mnożenia był poprawny, liczby te należy przekazać przez funkcję Number(), która konwertuje je z typu string na liczby normalne.

Cóż, to wszystko. Teraz znasz jeszcze trzy metody: alert(), potwierdzenie() i Prompt(). Które możesz bezpiecznie zastosować w praktyce.

• metody obiektów okiennych;
• metoda alert(): krótkie podsumowanie;
• metoda potwierdzenia() - pisz litery;
• metoda Prompt() - przedstawmy się, nazywam się Stirlitz.

A więc obiekty przeglądarki. A przede wszystkim – najstarszy z nich, obiekt okienny.

Oto główne metody obiektu okna (oprócz nich są inne, ale są one rzadko używane i aby nie zaśmiecać mózgu niepotrzebne informacje, odłożę je do trzeciego odcinka).

Metoda	Opis
	Otwieranie i zamykanie okien przeglądarki; Możliwe jest określenie wielkości okna, jego zawartości, a także obecności panelu przycisków, pola adresowego i innych atrybutów.
	Pojawi się okno dialogowe alarmu z odpowiednim komunikatem.
	Pojawi się okno dialogowe potwierdzenia z przyciskami „OK” i „Anuluj”.
	Pojawi się okno dialogowe podpowiedzi z polem wprowadzania tekstu.
	Ustaw lub usuń fokus okna.
	Przewija zawartość okna do określonego punktu.
	Ustawianie odstępu czasu pomiędzy wywołaniem funkcji a oceną wyrażenia.
	Ustawia jednorazowy odstęp czasu przed wywołaniem funkcji lub oceną wyrażenia.

Wiemy już, że okno jest często sugerowane, ale nie zapisane.

Wywoływanie różnych okien dialogowych

Okna dialogowe służą w programach do interakcji z użytkownikiem.

metoda alertu().

Przyglądaliśmy się temu już na samym początku naszych studiów. Tworzy proste okno dialogowe z komunikatem i przyciskiem OK. Cała jego interakcja ogranicza się do tego, że użytkownik wciskając ten jeden przycisk może wysłać to okno gdzieś daleko (i dziękuję za to).

metoda potwierdzenia().

Metoda potwierdzenia() pozwala już użytkownikowi podjąć prostą decyzję „boolowską”: powiedzieć „tak” lub „nie”.

Na przykład kliknij ten przycisk:

Przepraszam za mały żart. Mam nadzieję, że wiesz, jak używać przycisku Wstecz.

Jak to wszystko działa? Oczywiście widziałeś, że połączyłem tę metodę z alertami. Odbywa się to za pomocą funkcji wstawianej do .

Metoda zwraca dwie wartości: true (jeśli OK) i false (jeśli anulowano).

Prawdą jest, że wysyłamy go na odpowiednią stronę (właściwośćhref obiekt lokalizacji) i wyprowadź odpowiedni alert() . W przeciwnym razie (tj. false ) po prostu wypiszemy kolejny alert() .

A w przycisku wywołujemy funkcję w zdarzeniu onClick:

Następnie musisz wywołać tę funkcję z modułu obsługi zdarzenia onSubmit tagu, na przykład:

Tutaj możesz na przykład wysłać mi e-mailem wszystko, co myślisz o moich lekcjach. Jeśli nagle się podekscytowałeś i nacisnąłeś przycisk, a potem zrobiło się niezręcznie, pojawi się okno dialogowe i cię otrzeźwi.

Jeśli tworzysz wyskakujące okna, dobrą praktyką jest ostrzeżenie o tym użytkownika i pozostawienie mu wyboru - otworzyć okno lub nie. Aby to zrobić, przed załadowaniem okna należy zwolnić „parlamenter” - okno dialogowe potwierdzenia(). Tutaj funkcja jest wywoływana z . Porozmawiamy o tym już wkrótce, gdy przejdziemy do tworzenia okien za pomocą metody open().

metoda zachęty().

Ta metoda już żąda od użytkownika określonych danych. Pojawi się okno dialogowe z polem wejściowym. Metoda zwraca dane, które użytkownik wprowadził w to pole i pozwala programowi na pracę z tymi danymi.

Metoda Prompt() ma dwa argumenty: pytanie (które pojawia się nad polem wejściowym) i odpowiedź (tekst w polu wejściowym):

Jeśli chcesz, aby pole wejściowe było puste, jako drugi argument umieść puste cudzysłowy:

podpowiedź(" tekst pytania","")

Zobaczmy to w akcji. Naciśnij przycisk, nie bój się.

Zatem wprowadziłeś (lub nie wprowadziłeś) dane i otrzymałeś odpowiedź z komputera na podstawie tych danych (lub ich braku).

Oto prosta wersja tej funkcji:

Z właściwością internalHTML, która pozwala nam kontrolować zawartość tagu, spotkaliśmy się w lekcji 10, gdy programowaliśmy nazwy pod obrazkami.

A oto kod przycisku i pusty akapit na powitanie.

Ale jeśli jesteś moim imiennikiem, widziałeś, że funkcja również na to zareagowała.

Jak to zrobić w „szorstkiej” wersji, możesz już sam zgadnąć. Musisz sprawdzić zmienną user_name nie tylko pod kątem pustych cudzysłowów, ale także dla „ Andriej" i wstaw inny, jeśli z odpowiednim tekstem (możesz to przećwiczyć samodzielnie).

Ale jeśli wpiszesz „ Andriej", "Andryusza", "Andriuszka", "Andriukha", "Andriejka", "Andriej Iwanowicz" itd., wtedy wynik będzie podobny, chociaż nie przejrzałem wszystkich tych wartości wprost, ale poradziłem sobie tylko z pięcioma liniami: " Andre", "Andrzej", "Andriej", "Andrejce" I " Andreich„(ostatnie trzy - aby wykluczyć Andriejewa, Andriejczenkę i Andreychuka z ich imienników, zachowując Andreychika jako ich imienników).

Oznacza to, że możesz się domyślić, że funkcja sprawdza zmienną user_name pod kątem pierwszych 5, 6 lub 8 znaków.

Ale porozmawiamy o tym nieco później, kiedy przejdziemy do obiektów łańcuchowych i ich metod. Chcę tylko, abyś z góry wyobraził sobie problemy, które musimy rozwiązać (w szczególności wszelkiego rodzaju dzielenie ciągów na podciągi). Wtedy same decyzje będą wydawać się jaśniejsze. Jeśli jednak nie możesz się doczekać, możesz „skopiować” funkcję z kodu i „wyciąć ją jak orzech”. Dla ciekawskich napisałem tam komentarz.

Do wprowadzenia hasła można także użyć metody Prompt().

To nie koniec lekcji!

„Pobawmy się trochę w szpiega”, abyśmy mogli przeczytać ten rozdział do końca. Najpierw spróbuj nacisnąć przycisk i coś wpisać.

Ach, to jest to! Ale spójrz, jest inny przycisk! Pospiesz się...

Hasło:

Naciśnij ponownie pierwszy przycisk i wejdź prawidłowe hasło.

Być może cała ta zabawa ma wpływ, ale w rzeczywistości możesz znaleźć hasło, naciskając prawy przycisk i patrząc na to w kodzie. Niektórzy mogą naiwnie sądzić, że wystarczy umieścić kod w osobnym pliku .js. Ale w kodzie strony będzie link do tego pliku wskazujący adres. A jeśli to wpiszesz pasek adresu, wówczas otworzy się plik z kodem JavaScript :)

Czy można zaszyfrować hasło w kodzie? Jest to możliwe, ale to znowu wymaga manipulacji ciągami i użycia pewnych metod matematycznych. Kiedy do tego dojdziemy, przestudiujemy również „prawdziwy” skrypt hasła. Jednak technika interakcji z użytkownikiem pozostanie taka sama: metoda Prompt(). (Czy można „złamać” zaszyfrowane hasło? Niestety, nie ma ograniczeń co do doskonałości hakerów...)

W ten sam sposób, w jaki „złapaliśmy” nazwę lub jej brak, tak funkcją wyłapiemy także hasło.

Jeśli wpiszesz nieprawidłowe hasło lub nic nie wpiszesz, pojawi się linia

document.getElementById("no").style.display = "blok"

otworzy blok drugim przyciskiem

A jeśli zostanie wprowadzone prawidłowe hasło, akcja zostanie przeniesiona na linię

document.getElementById("yes").style.display = "blok" ,

co otwiera następny blok…

… Czekaj, co to za sękate żubry? To prosty kod szyfrujący, wkrótce go wyjaśnię.

Tymczasem podaję kod tych bloków (dla przejrzystości pomijam tabelę z ramkami, którą zamieściłem w ostatnim bloku):

Ach, to jest to! Ale spójrz, jest inny przycisk! Pospiesz się... Hasło: dokument.write(unescape( "%u043C%u043E%u044F%20%u043F%u0440%u0435%u043A% u0440%u0430%u0441%u043D%u0430%u044F%20%u043B%u0435%u0434%u0438")) Naciśnij ponownie pierwszy przycisk i wprowadź prawidłowe hasło. Teraz czytaj dalej. . . . . . . . . . .

A więc o szyfrowaniu. Jest dość nieszczęśliwa. Każdy, znający się na funkcjach escape() i unescape() natychmiast to zepsują.

Funkcja escape("wprowadź tutaj ciąg znaków") konwertuje znaki na ich wartości szesnastkowe.

Funkcja unescape("wpisz tutaj trzaskającego żubra") działa odwrotnie.

Aby zaszyfrować hasło w ten sposób, musisz uruchomić je za pomocą funkcji escape() w domu, skopiować wynik i wkleić go do unescape() . Ale to, powtarzam, nie jest poważne.

Cóż, dla kompletu - funkcja dla drugiego przycisku:

Do standardu wyjściowego okna dialogowe JavaScript ma tylko trzy metody, których nauczyliśmy się dzisiaj. Chociaż metody te nie są stosowane zbyt często, umiejętność pewnego ich stosowania jest niezwykle przydatna. Są proste, ale jednocześnie należą, że tak powiem, do „czystego” programowania. Bardzo dobrze nadają się do nauki języka programowania. I radzę eksperymentować z nimi w każdy możliwy sposób, nawet jeśli bezcelowo z pragmatycznego punktu widzenia. Dobre programowanie to fajna gra, jak każda twórcza aktywność.

W JavaScript są trzy podstawowe operacje, które pozwalają na otrzymanie danych od użytkownika do dalszego przetwarzania w skryptach. Są to: ostrzeganie, monitowanie i potwierdzanie. Do czego służą, jak z nich korzystać i inne niuanse zostaną omówione w dalszej części tego artykułu.

alarm

Służy do wyświetlania okna modalnego na ekranie przeglądarki (oznacza to, że użytkownik nie może kliknąć niczego na stronie, dopóki nie zamknie tego okna. W tym przykładzie dopóki nie kliknie „OK” w oknie).

Po wyświetleniu komunikatu zawartego w alercie wykonanie skryptu zostaje wstrzymane i wznowione po zamknięciu okna modalnego.

Po wypełnieniu pola i kliknięciu OK wprowadzone przez użytkownika informacje zostaną zwrócone do skryptu.

Składnia tego polecenia jest nieco bardziej skomplikowana niż poprzednia, ponieważ pozwala ustawić tekst wiadomości dla użytkownika i zawartość pola do wprowadzania informacji, które będzie domyślnie wyświetlane: wynik = zachęta (tytuł , domyślny ) ;

• , Gdzie
• tytuł – komunikat, który wyświetli się użytkownikowi w oknie modalnym. Argument jest wymagany.

  default – co domyślnie będzie wyświetlane w polu wprowadzania tekstu. Jest to również wymagane, ponieważ jego brak może prowadzić do błędów w niektórych przeglądarkach. Jeśli chcesz pozostawić pole wprowadzania informacji puste, po prostu ustaw monit w następujący sposób:

var mójTest = Prompt("Wszelkie informacje", """);

Mały przykład użycia podpowiedzi:

var rok = zachęta("W którym roku ukończyłeś studia?", 2008); alert("Jesteś absolwentem " + roku + " roku!" ); Zazwyczaj

to polecenie

służy do zbierania od użytkowników danych potrzebnych skryptowi do dalszej pracy. potwierdzać Reprezentuje również

okno modalne . Jak można się domyślić z nazwy, zwykle służy do koordynowania czegoś z użytkownikiem. Właśnie po to został zaprojektowany - do interakcji udostępnia użytkownikowi przyciski OK i ANULUJ, które zwracają do skryptu wartości logiczne

prawdziwe wartości i fałszywe. Oceny: 4 (średnia 4 z 5). Można zorganizować dialog z osobą odwiedzającą zasoby internetowe na różne sposoby, w tym użycie funkcji

Alarm JavaScript

() jest najprostszą i najszybszą opcją. Ta opcja jest szczególnie przydatna do celów testowych, ale w wielu zasobach jest używana jako naturalna funkcjonalność. Funkcja JavaScript alert() pozwala uzyskać odpowiedź twierdzącą. Tak naprawdę nie odpowiedź jest istotna, ale fakt, że informacja została wyświetlona. Co więcej, zasób sieciowy przestaje działać, dopóki użytkownik nie zareaguje. Odpowiedź na alert jest zawsze taka sama – to jest odpowiedź! Do celów debugowania JavaScript alert() jest idealnym narzędziem, które pozwala szybko uzyskać

aktualne informacje

, podejmij decyzję i kontynuuj pracę. Ale do celów normalnego funkcjonowania witryny ma ona również sporo zalet. Przyciąganie uwagi gości.

„Alarm” - jak w życiu, stanowi wydarzenie, którego nie można zignorować. Ale

• Godziny cennego czasu są marnowane bez celu;
• Wydawane są niesamowite transformacje kodu;
• wiele skryptów jest przerzucanych, innymi słowy, trafiają one zarówno do przeglądarki, jak i serwera.

Ale nadal nie ma rezultatu. Ani debugery nie pomagają, ani słowa, ani narzędzia do debugowania wbudowane w każdą przeglądarkę. Tymczasem trumnę zawsze łatwo się otwiera – ważny jest odpowiedni klucz.

Prosta zasada poprawnego kodu

Przede wszystkim pliki cookies stały się najpopularniejszym elementem współczesnej strony internetowej. Nigdy nie powinieneś zapominać:

• Alert JavaScript i plik cookie dokumentu
• „tu i teraz” oraz „w ogóle lub kiedyś”.

Pliki cookie to fajny sposób na zapamiętywanie każdego klienta w głębi przeglądarki, ale nie należy przywiązywać do tego wagi w bieżącej sesji. Główną funkcją plików cookie jest zachowanie w „pamięci” przeglądarki treści, które znajdowały się w momencie opuszczenia witryny przez odwiedzającego.

Pod każdym innym względem kod skryptu w trzewiach przeglądarki zależy tylko od niego samego i przetwarzanych przez niego zdarzeń.

W tym kontekście, a ten kontekst jest idealny, kod nie może nie działać, jeśli jest napisany poprawnie. Jest to idealna zasada poprawnego kodu. Jeśli przeglądarka wyświetla pusty ekran lub robi coś złego, można przypuszczać, że wystąpił błąd.

Aplikacja jest dziecinnie prosta:

• Alert JavaScript("Jak dotąd wszystko było w porządku!").

Najlepszy debuger lub debugger to wydarzenie, które musi się wydarzyć, ale to się nie zdarza.

Przesuwając tę ​​konstrukcję od zera do irytującego przestępstwa w kodzie, można znaleźć miejsce, po którym nie działa. Błąd zostanie znaleziony. Alert JavaScript() to okno modalne. Nie ma możliwości ominięcia tego i nic więcej się nie stanie, dopóki programista/gość nie zamknie tego okna.

Jeśli okno się nie wyskakuje, oznacza to, że albo jest ono błędnie wskazane w kodzie, albo wszystko, co jest przed nim, zawiera błąd.

Trudna sytuacja, w której alert JavaScript nie działa

Dotyczy to głównie algorytmów AJAX służących do wymiany informacji z serwerem. Tutaj nie zawsze dopuszczalne jest użycie klasycznych narzędzi do debugowania, a gdy po stronie klienta działa wielopoziomowy system obiektów, wówczas debugowanie z reguły przekształca się w świadomość programisty i żaden debuger nie może pomóc.

Najlepszą opcją na alert w procedurze komunikacji z serwerem jest div, w którym umieszczony jest protokół komunikacji z serwerem z wykorzystaniem metody insideHTML – zawsze będzie jasne, na jakim etapie pojawia się problem.

Statyczny element div, który jest zawsze widoczny na stronie, nie jest oknem modalnym z alertu JavaScript. Okno może się nie pojawić, może być tego wiele przyczyn i są one sformatowane poprawnie składniowo. Język przeglądarki ma wyjątkowo spokojne usposobienie i nigdy nie podejmie żadnego działania, jeśli czegoś nie zrozumie i nie przeanalizuje.

Statyczność dowolna Znacznik HTML - dobry czynnik. Usunięcie całego kodu i dodanie go fragmentami do czasu ponownego wystąpienia błędu nie jest najszybszą techniką debugowania. Poprawne pisanie jest popularną i poszukiwaną radą, ale niepraktyczną.

Język przeglądarki jest językiem sterowanym zdarzeniami, jego głównym zadaniem nie jest kod sekwencyjny, ale realizacja funkcjonalności przypisanej do tagów strony i obsługa zdarzeń.

Dodatkowa reguła do prostej reguły

Jeśli w przeglądarce nie pojawi się okno alertu JavaScript („Do tej pory wszystko jest napisane poprawnie”) oznacza to, że składnia do miejsca zapisania tej konstrukcji nie budzi wątpliwości w przeglądarce i jest wykonywana poprawnie.

Logika współczesnego stylu pisania ma istotną wadę. Wszystkie pliki stron są łączone (z ich istotą i typami) w jedną całość, po czym budowany jest DOM. Kolejność łączenia plików jest często istotna.

Najlepiej, gdy programista nie przywiązuje wagi do opartej na zdarzeniach zasady organizacji wykonywania funkcji przypisanych do zdarzeń, ale umieszcza wszystkie funkcje w kolejności ich stosowania i przypisania do tagów strony i zdarzeń.

Porządek jest zawsze najważniejszy. JavaScript sam domyśli się reszty: co zadzwonić i kiedy. Nowoczesne programowanie w ogóle, a także w kontekście dowolnej metody, w szczególności każdego wysoce zorganizowanego podejścia obiektowego, jest zawsze spójne. Są one również zawsze łączone sekwencyjnie, zgodnie z opisem.

Jeśli coś się nie dzieje, to znaczy, że gdzieś coś jest nie tak, ale tylko przed tym miejscem.