The alerta() metoda în JavaScript este folosită pentru a afișa o casetă de alertă virtuală. Este folosit mai ales pentru a transmite un mesaj de avertizare utilizatorilor. Afișează o casetă de dialog de alertă care constă dintr-un mesaj specificat (care este opțional) și un buton OK. Când apare caseta de dialog, trebuie să facem clic pe „OK” pentru a continua.
Caseta de dialog de alertă se concentrează și forțează utilizatorul să citească mesajul specificat. Deci, ar trebui să evităm utilizarea excesivă a acestei metode, deoarece oprește utilizatorul să acceseze celelalte părți ale paginii web până când caseta este închisă.
Putem înțelege utilitatea metodei de alertă folosind un exemplu. Să presupunem că trebuie să completăm un formular pentru o carte de identitate. Se întreabă data nașterii pentru criteriile de eligibilitate ale cărții de identitate. Dacă vârsta este de 18 ani sau mai mult, atunci procesul va continua. În caz contrar, va afișa un mesaj de avertizare că vârsta este sub 18 ani. Acest mesaj de avertizare este „Alert Box”.
Un alt exemplu este să presupunem că un utilizator trebuie să completeze formularul în care sunt necesare unele câmpuri obligatorii pentru a introduce un text, dar utilizatorul uită să furnizeze introducerea. Ca parte a validării, putem folosi caseta de dialog de alertă pentru a afișa un mesaj de avertizare legat de completarea câmpului de text.
În loc să afișeze avertismentele sau erorile, caseta de dialog de alertă poate fi utilizată pentru mesaje normale, cum ar fi „ Bine ai revenit”, „Bună XYZ” , etc.
Sintaxă
alert(message)
Valori
mesaj: Este un șir opțional care specifică textul de afișat în caseta de alertă. Constă în informațiile pe care dorim să le arătăm utilizatorilor.
Să vedem câteva exemple de JavaScript metoda alert().
Exemplul 1
În acest exemplu, există o casetă de dialog de alertă simplă cu un mesaj și un buton OK. Aici, există o butonul HTML care este folosit pentru afișarea casetei de alertă. Noi folosim onclick atribut și apelează distracţie() funcția în care alerta() este definit.
function fun() { alert ('This is an alert dialog box'); } <p> Click the following button to see the effect </p> Testează-l acum Ieșire
După ce faceți clic pe butonul, rezultatul va fi -
Exemplul 2
În acest exemplu, există o casetă de dialog de alertă cu un mesaj și un buton OK. Aici, folosim întreruperile de linie din mesajul casetei de alertă. Spărturile de linie sunt definite folosind ' ' . Întreruperile de rând fac mesajul lizibil și clar. Trebuie să facem clic pe butonul dat pentru a vedea efectul.
function fun() { alert (' Hello World
Welcome to the javaTpoint.com
This is an alert dialog box '); } <p> Click the following button to see the effect </p> Testează-l acum Ieșire
După ce faceți clic pe butonul, rezultatul va fi -
Exemplu
În acest exemplu, există o casetă de dialog de alertă cu un mesaj și un buton OK. Aici, caseta de alertă afișează adresa URL a paginii corespunzătoare. Adresa URL este definită utilizând alert(location.hostname); afirmație.
function fun() { alert(location.hostname); } <p> Click the following button to see the effect </p> Testează-l acum