Hoe maak je een waarschuwing in JavaScript aan?



De waarschuwing in JavaScript geeft een waarschuwingsvenster weer met een opgegeven bericht en een OK-knop. Het wordt gebruikt om ervoor te zorgen dat informatie bij de gebruiker terechtkomt.

Wanneer u een website opent, ziet u soms pop-ups met waarschuwingen. Deze JavaScript-waarschuwingsvensters zijn handig om gebruikers op iets belangrijks te wijzen. Wanneer een JavaScript-waarschuwingsvenster wordt geactiveerd, verschijnt er een klein venster met de tekst die u opgeeft in uw code. In dit artikel zullen we zien hoe de waarschuwing in JavaScript werkt, in de volgende volgorde:

Laten we beginnen.





Pop-upvensters in JavaScript

In JavaScript kunt u drie soorten pop-upvensters vinden:

  • Waarschuwingsvenster Een waarschuwingsbox wordt meestal gebruikt om ervoor te zorgen dat informatie bij de gebruiker terechtkomt. Als er een waarschuwingsvenster verschijnt, moet u op 'OK' klikken om verder te gaan.



  • Bevestig veld Een bevestigingsbox wordt meestal gebruikt verifiëren of accepteer iets voor de gebruiker. Wanneer een bevestigingsvenster verschijnt, moet de gebruiker op 'OK' of 'Annuleren' klikken om verder te gaan. Als de gebruiker op 'OK' klikt, retourneert het vak true. Als de gebruiker op 'Annuleren' klikt, retourneert het vak false.

  • Snelle doos Een promptvenster wordt door de gebruiker gebruikt om voer een waarde in voordat u een pagina opent. Als er een promptvenster verschijnt, moet de gebruiker op 'OK' of 'Annuleren' klikken om door te gaan na het invoeren van een invoerwaarde. Als de gebruiker op 'OK' klikt, geeft het vak de invoerwaarde terug. Als de gebruiker op 'Annuleren' klikt, retourneert het vak null.

Dit waren de verschillende soorten pop-upvensters. Laten we dus dieper ingaan op het waarschuwingsvenster en kijken hoe u een waarschuwingsvenster in JavaScript kunt maken.



Alert in JavaScript

De alert () methode in JavaScript geeft een waarschuwingsvenster weer met een opgegeven bericht en een OK-knop. Het wordt vaak gebruikt om ervoor te zorgen dat informatie bij de gebruiker terechtkomt.

Het waarschuwingsvenster haalt de focus weg van het huidige venster en dwingt de browser om het bericht te lezen. U moet dus voorkomen dat u deze methode overmatig gebruikt, omdat de gebruiker hierdoor geen toegang krijgt tot andere delen van de pagina totdat het vak is gesloten.

Syntaxis:

alert (bericht)

Hier is het bericht een type dat de tekst aangeeft die in het waarschuwingsvenster moet worden weergegeven, of een voorwerp omgezet in een string en weergegeven. Het is optioneel.

Voorbeeld:

function myFunction () {alert ('Dit is een waarschuwing!')}

Uitgang:

Alertbox - alert in javascript - edureka

Hoe maak je een waarschuwing in JavaScript aan?

De alert () methode in JavaScript geeft een waarschuwingsvenster weer. Het toont een gespecificeerd bericht samen met een OK knop en wordt over het algemeen gebruikt om ervoor te zorgen dat de gebruiker de informatie krijgt. Het retourneert een tekenreeks die de tekst vertegenwoordigt die in het waarschuwingsvenster moet worden weergegeven. Laten we een voorbeeld nemen en kijken hoe u een waarschuwing in JavaScript kunt maken:

Alert () Methode in JavaScript h1 {color: Blue} h2 {font-family: Impact} body {text-align: center}

Alert in JavaScript

Om het waarschuwingsbericht weer te geven, klikt u op de knop 'Waarschuwingsbericht weergeven':

Toon waarschuwingsbericht functie myalert () {alert ('Dit is het waarschuwingsbericht!')}

Uitgang:

hoe u Google Cloud Platform gebruikt

Nadat u op de knop dubbelklikt, krijgt u de volgende uitvoer:

Hiermee zijn we aan het einde van ons artikel gekomen. Ik hoop dat je hebt begrepen wat een waarschuwing is in JavaScript en hoe je een waarschuwingsvenster kunt maken.

Bekijk onze die wordt geleverd met live training onder leiding van een instructeur en real-life projectervaring. Deze training maakt je bedreven in vaardigheden om te werken met back-end en front-end webtechnologieën. Het omvat training over webontwikkeling, jQuery, Angular, NodeJS, ExpressJS en MongoDB.

Heeft u een vraag voor ons? Vermeld het in het commentaargedeelte van de blog 'Alert in JavaScript' en we nemen contact met u op.