I wanted to know if it's possible to add HTML tags to JavaScript alert()
method, such as:
<b>
<ul>
<li>
etc.
Thanks for your help
This question is related to
javascript
html
This is not possible.
Instead, you should create a fake window in Javascript, using something like jQuery UI Dialog.
No, you can use only some escape sequences - \n for example (maybe only this one).
You can use all Unicode characters and the escape characters \n
and \t
. An example:
document.getElementById("test").onclick = function() {_x000D_
alert(_x000D_
'This is an alert with basic formatting\n\n' _x000D_
+ "\t• list item 1\n" _x000D_
+ '\t• list item 2\n' _x000D_
+ '\t• list item 3\n\n' _x000D_
+ '???????????????????????\n\n' _x000D_
+ 'Simple table\n\n' _x000D_
+ 'Char\t| Result\n' _x000D_
+ '\\n\t| line break\n' _x000D_
+ '\\t\t| tab space'_x000D_
);_x000D_
}
_x000D_
<!DOCTYPE html>_x000D_
<title>Alert formatting</title>_x000D_
<meta charset=utf-8>_x000D_
<button id=test>Click</button>
_x000D_
Result in Firefox:
You get the same look in almost all browsers.
alert()
doesn't support HTML, but you have some alternatives to format your message.
You can use Unicode characters as others stated, or you can make use of the ES6 Template literals. For example:
...
.catch(function (error) {
const alertMessage = `Error retrieving resource. Please make sure:
• the resource server is accessible
• you're logged in
Error: ${error}`;
window.alert(alertMessage);
}
As you can see, it maintains the line breaks and spaces that we included in the variable, with no extra characters.
You can add HTML into an alert string, but it will not render as HTML. It will just be displayed as a plain string. Simple answer: no.
alert() is a method of the window object that cannot interpret HTML tags
Source: Stackoverflow.com