Script Java


Scriptul Java este ușor. Partea 1

O altă parte foarte importantă a programării JS este organizarea evenimentelor și a evenimentelor. Evenimentele sunt inițiate în principal de una sau alta dintre acțiunile utilizatorului. Fiecare acțiune descrie un anumit tip de eveniment. De exemplu, dacă faceți clic pe butonul mouse-ului, un eveniment numit "Faceți clic" apare când indicatorul mouse-ului traversează orice referință hipertext - evenimentul MouseOver. Pentru ca programul să răspundă la aceste evenimente, se utilizează programe speciale de evenimente. De exemplu, programul care gestionează evenimentul de clic al unui buton al mouse-ului se numește onClick și îi spune computerului ce trebuie să facă în cazul în care are loc evenimentul. Pentru claritate, vom crea din nou un exemplu simplu. Creați un formular care va conține un buton, când faceți clic pe acesta, va apărea o fereastră pop-up.



pagina de test





Apăsarea butonului de testare aduce o fereastră cu textul "Testul este finalizat!" (Figura 1). Să analizăm în detaliu fiecare comandă a acestui cod.

echipă

creați un formular cu un buton. Atributul determină ce se întâmplă când se face clic pe butonul mouse-ului. Astfel, în cazul în care există un eveniment clic, computerul va suna de alertă ( „test se face!“). Funcția alert () creează ferestre derulante. Atunci când este necesar pentru a apela în paranteze specifica unele șir de caractere care apare în caseta verticală. După cum puteți vedea în cod, constructul alert () utilizează citate simple. Acest lucru se explică prin faptul că în cele mai multe cazuri este posibil să se utilizeze ambele tipuri de cotații. Și nu contează în ce ordine de a le folosi: mai întâi și apoi dublu ghilimele simple sau vice-versa. În exemplul folosit pentru prima dublă, și după ghilimele, ca și cum am fi aplicat construirea a două duble citate - Testul este „)“, atunci computerul nu ar fi capabil să înțeleagă script-ul, deoarece nu este clar care parte a proiectului trebuie să funcționeze procesarea evenimentelor onClick și la care - nu.

Deci, fereastra conține textul care a fost transmis funcției de avertizare JS. Această restricție se aplică din motive de securitate. Drop-down caseta, puteți crea și utiliza metoda promptă () (vezi. Fig. 2), dar în acest caz, caseta va reproduce textul introdus de utilizator, și pentru că scenariul, scris de „hackeri rele“ poate lua forma unui mesaj de sistem și cere să introduceți o parola. În cazul nostru, este clar că fereastra creată de browser, nu sistemul de operare, și nu se poate doar ridica și elimina.

Un instrument foarte convenabil în JS sunt funcții, care în majoritatea cazurilor sunt folosite ca o modalitate de a asocia mai multe comenzi împreună. Ca exemplu ilustrativ, să presupunem că trebuie să repetați o succesiune de șiruri de text de mai multe ori. Folosind cunoștințele deja dobândite ale limbajului JS, am putea folosi comanda document.write și obțineți următorul cod:

Se vede cu ochiul liber că construcția este construită irațional. Reconstituim acest cod folosind funcția:

Toate comenzile de script care se află în interiorul acoladelor cotitură aparțin funcției FreeFunc () pe care am creat-o. Acum, ambele comenzi document.write () sunt legate și pot fi executate atunci când este apelată funcția specificată. Apoi, numim FreeFunc () de trei ori imediat după ce am definit funcția însăși. Aceasta va duce la executarea funcției de trei ori, adică se vor tipări trei linii. Evidențiază faptul că abilitatea de a trece variabilele atunci când apelați o funcție conferă scripturilor o flexibilitate reală. Funcțiile pot fi de asemenea utilizate împreună cu procedurile de eveniment. De exemplu, puteți crea o funcție calc () care va avea două variabile, x și y, iar rezultatul acțiunii matematice va fi stocat în rezultatul variabilei. Ultima comandă a funcției este alert (rezultat). Apoi funcția calc () poate fi apelată când se apasă comanda. rezultând o fereastră pop-up cu rezultatul calculului.

Lucrul cu ferestrele

Tabelul 1. Parametrii de bază pentru crearea unei ferestre în JS

Luați în considerare, în practică, un exemplu de creare a unei ferestre noi în browser:

Ca urmare a acestui program, primim un buton în browser, când faceți clic pe care creați o fereastră nouă cu textul (a se vedea Figura 3).

Funcția OpenWindow () pe care am creat-o deschide o nouă fereastră de browser. Primul argument pentru a deschide () funcție - un șir gol ( „“) - înseamnă că, în acest caz, nu vrem să specificați o anumită adresă URL și JS va crea un nou document. În script-ul, vom defini o myWindow variabilă, prin care avem acces la noua fereastra (utilizarea în acest scop, în numele ferestrei (TestWindow), în acest caz este imposibil). Fereastra creata are dimensiunile de 300x100 pixeli și nu are linii de stare, nici bara de instrumente sau meniul. După ce deschideți fereastra din interior, deschideți obiectul documentului pentru a afișa textul. Acest lucru se face cu comanda myWindow.document.open (). Aici ne referim la metoda open () a obiectului documentului. Această comandă nu deschide o fereastră nouă - pregătește doar documentul pentru viitoarea imprimare. Este imperios necesar de a pune în fața document.open () myWindow prefix, pentru a putea imprima într-o fereastră nouă. script-ul în continuare folosind document.write () apel, un nou document text este generat și parametrii săi. Pentru a face acest lucru, vom scrie în document etichetele HTML obișnuite. În același timp, puteți utiliza în mod absolut orice etichete ale limbajului HTML de marcare a hipertextului. La finalizarea lucrărilor cu documentul de echipa () trebuie să-l închidă, care utilizează myWindow.document.close () de comandă.

Când deschidem o fereastră, trebuie să folosim trei argumente:
myWindow = deschide ("page.htm", "TestWindow",
"width = 300, height = 100, status = no, toolbar = nu, menubar = nu");

În acest exemplu, specificăm o adresă URL specifică (page.html), iar al doilea parametru este numele ferestrei. Cunoscând numele ferestrei, puteți încărca o pagină nouă cu ajutorul unei înregistrări

În acest caz, trebuie să specificați numele ferestrei corespunzătoare și, dacă această fereastră nu există, va fi creată o nouă cu acest nume. Nu faceți o greșeală: variabila myWin nu este un nume de fereastră, dar numai cu această variabilă puteți accesa-o. Domeniul de aplicare al acestei variabile este limitat doar la scenariul în care este definită. Dar numele ferestrei (TestWindow) este un identificator unic care poate fi folosit din oricare dintre ferestrele browserului. Pentru a închide fereastra, utilizați funcția close () și totul este identic cu funcția open ().

În JS, puteți scrie în bara de stare a browserului - scrieți doar textul dorit în windows.status. Din nou, luați în considerare tehnicile de lucru cu această funcție pentru un exemplu. Creați un script care, când faceți clic pe buton, afișează textul specificat în bara de stare și când faceți clic pe al doilea buton, acesta va fi șters:

Dacă rulați programul în browser, primim un formular cu două butoane. Când apăsați textul de pe StatBar în stare apare bar „prin apăsarea butonului de pe butonul“ și curățat (vezi. Fig. 4) la apăsarea Off StatBar (text clar) bara de stare.

Deci, avem un formular cu două butoane, care numesc ambele funcția statbar (). Când apăsați tasta Text pe statbar, se apela funcția
după cum urmează: statbar (apăsat pe butonul "Activat"). Textul din ghilimele este textul pe care îl vom vedea în bara de stare. La rândul său, funcția statbar () a fost declarată după cum urmează:

funcția statbar (txt) window.status = txt;>

În funcția din paranteze, punem (txt). Aceasta înseamnă că șirul pe care l-am trecut la această funcție este plasat în variabila txt, iar șirul txt este introdus în linia de stare prin intermediul comenzii window.status = txt. În consecință, ștergerea textului din bara de stare se realizează ca o intrare în fereastra window.status a șirului gol: (''). Utilizarea textului scris în linia de stare este nelimitată. Puteți pune o explicație a link-ului când plasați cursorul peste el cu ajutorul cursorului mouse-ului, creați o linie de rulare sau pur și simplu o utilizați pentru a afișa data și ora.

Cu ajutorul funcției cronometru, puteți executa anumite comenzi după ce a trecut timpul specificat. Voi demonstra acest lucru în următorul scenariu:

La sfârșitul a 3 secunde după deschiderea paginii, va apărea o fereastră pop-up cu cuvintele "Bine ați venit pe pagina" MyHome "(a se vedea Figura 5).

SetTimeout () este metoda obiectului ferestrei. Acesta este conceput pentru a seta intervalul de timp. Primul argument care trebuie apelat este codul JS, care ar trebui executat după ora specificată (în cazul nostru este alert ()). Al doilea argument este folosit pentru a indica când trebuie executat acest cod. Timpul este specificat în milisecunde.

Fereastra browserului poate fi împărțită în mai multe cadre separate. Un cadru în conceptul general este o cutie sub forma unui dreptunghi. Fiecare dintre cadre afișează conținutul propriului document. Crearea cadrelor este încă o sarcină HTML, însă revizuim pe scurt principalele puncte ale acestui proces în limba JS. Pentru a crea cadre, se utilizează etichete și . În următorul exemplu, creați un script care împarte pagina browserului în 5 cadre și încărcați o pagină separată în fiecare pagină:













Rezultatul acestui script este prezentat în Fig. 6.







Apoi, creați o pagină HTML simplă "start.htm":


Pagina de start
Aceasta este pagina de pornire a site-ului nostru

Și meniul barei de navigare:

funcția de încărcare (url) parent.main.location.href = url;>

În interiorul parantezelor este scrisă url. În exemplul nostru, aceasta înseamnă că șirul "1.htm" este apelat în variabila url atunci când este apelată funcția. Și această nouă variabilă poate fi folosită atunci când lucrați în interiorul funcțiilor load ().

Pavel Kuchinsky, pawelk_kg # 64; tut.by

Articole similare

Pagina anterioară

Pagina următoare