HTML Tags in Javascript Alert() method

You can use all Unicode characters and the escape characters \n and \t. An example:

document.getElementById("test").onclick = function() {
  alert(
    'This is an alert with basic formatting\n\n' 
    + "\t• list item 1\n" 
    + '\t• list item 2\n' 
    + '\t• list item 3\n\n' 
    + '▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬\n\n' 
    + 'Simple table\n\n' 
    + 'Char\t| Result\n' 
    + '\\n\t| line break\n' 
    + '\\t\t| tab space'
  );
}
<!DOCTYPE html>
<title>Alert formatting</title>
<meta charset=utf-8>
<button id=test>Click</button>

Result in Firefox:

screenshot Firefox

You get the same look in almost all browsers.

Related Contents:

  1. Form the the table with json data
  2. Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
  3. HTML form readonly SELECT tag/input
  4. Why is “element.innerHTML+=” bad code?
  5. How to get the raw value an field?
  6. How to use Checkbox inside Select Option
  7. Encode HTML entities in JavaScript
  8. HTML Script tag: type or language (or omit both)?
  9. How to programmatically empty browser cache?
  10. Using HTML script tags to code while they have a source
  11. Change :hover CSS properties with JavaScript
  12. Capture key press (or keydown) event on DIV element
  13. Calling a JavaScript function in another js file
  14. How to read text file in JavaScript
  15. Disable Interpolation when Scaling a
  16. Pass a string parameter in an onclick function
  17. Prevent form redirect OR refresh on submit?
  18. How to add a element to the DOM and execute its code?
  19. Can I load an entire HTML document into a document fragment in Internet Explorer?
  20. Alternative for deprecated SVG pathSegList
  21. Node.js can’t create Blobs?
  22. Any way to clone HTML5 canvas element with its content?
  23. How to show popup message like in Stack Overflow
  24. Drop-down box dependent on the option selected in another drop-down box
  25. Bootstrap 4 Dropdown Menu not working?
  26. Template does not update when using ui-router and ion-tabs
  27. Find all text nodes in HTML page [duplicate]
  28. Trigger CSS Animations in JavaScript
  29. Bootstrap 4 navbar not collapsing on large screen
  30. Is innerHTML asynchronous?
  31. Google Maps API v3: InfoWindow not sizing correctly
  32. Remove whitespaces inside a string in javascript
  33. DOMException: Failed to load because no supported source was found
  34. CSS3-Animate elements if visible in viewport (Page Scroll)
  35. Opening new window in HTML for target=”_blank”
  36. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  37. How to make text over flow into two columns automatically
  38. event.offsetX in Firefox
  39. contentDocument for an iframe
  40. converting a javascript string to a html object [duplicate]
  41. Change the style of :before and :after pseudo-elements? [duplicate]
  42. HTML5 Canvas set z-index
  43. How to get ID of button user just clicked? [duplicate]
  44. Is there a way to get a element to link to a location without wrapping it in an
  45. How can I add multiple sources to an HTML5 audio tag, programmatically?
  46. Check if element is between 30% and 60% of the viewport
  47. HTML5 callbacks?
  48. Testing for multiple screens with javascript
  49. checked = “checked” vs checked = true
  50. how to save canvas data to file

Leave a Comment