JavaScript alert() Method

February 8, 2021 10:45 am IST

You are Here:

JavaScript alert() Method

The alert() method displays an alert dialog with a specified message and an OK button.

Note: The alert dialog should be used for messages which do not require any response on the part of the user, other than the acknowledgement of the message.

alert() as HTML Attribute Value

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p onclick="alert('Hello world')">Click me</p> </body> </html>

Run

Syntax

alert(message)

Parameter Values

Value	Type	Explanation
message	Optional	Specifies the text/number to display in the alert box. Message can either be in string or number.

Browser Support

All are checked by myself

alert()

	yes	yes
	yes	yes
	yes	yes
	yes	yes
	yes	yes
	-	yes
	-	yes

alert() inside <script> tag

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p onclick="myFunction()">Click me</p> <script> function myFunction(){ alert("Hello world"); } </script> </body> </html>

Run

alert() with Escape Sequence

In the following example, we will use the escape sequence '\n' (new line) to display the following text in new line.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p onclick="myFunction()">Click me</p> <script> function myFunction(){ alert("Hello \nworld"); } </script> </body> </html>

Run

alert() with Property

In the following example, we will using the location.hostname property to display the hostname.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p onclick="myFunction()">Click me</p> <script> function myFunction(){ alert(location.hostname); } </script> </body> </html>

Run