How do I create a new line in Javascript?

by

Use the \n for a newline character.

document.write("\n");

You can also have more than one:

document.write("\n\n\n"); // 3 new lines!  My oh my!

However, if this is rendering to HTML, you will want to use the HTML tag for a newline:

document.write("<br>");

The string Hello\n\nTest in your source will look like this:

Hello!

Test

The string Hello<br><br>Test will look like this in HTML source:

Hello<br><br>Test

The HTML one will render as line breaks for the person viewing the page, the \n just drops the text to the next line in the source (if it’s on an HTML page).

More Related Contents:

  1. How to add line breaks to an HTML textarea
  2. How to linebreak an svg text within javascript?
  3. NewLine escape character not working
  4. Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
  5. Replacing css file on the fly (and apply the new style to the page)
  6. Prevent Page Load on Jquery Form Submit with None Display Button
  7. Performance of MutationObserver to detect nodes in entire DOM
  8. Benefits of loading JS at the bottom as opposed to the top of the document
  9. Dynamically resizing Image-maps and images
  10. jQuery convert line breaks to br (nl2br equivalent)
  11. JSON object undefined in Internet Explorer 8
  12. Responsive horizontal page sliding
  13. Can I run HTML files directly from GitHub, instead of just viewing their source?
  14. JS – window.history – Delete a state
  15. Embed an External Page Without an Iframe?
  16. How can I detect Internet Explorer (IE) and Microsoft Edge using JavaScript?
  17. Embed HTML5 YouTube video without iframe?
  18. Javascript show element on click
  19. Prepending “http://” to a URL that doesn’t already contain “http://”
  20. Change Button color onClick
  21. how to resolve iframe cross domain issue [duplicate]
  22. Putting default value in
  23. How to store objects in HTML5 localStorage/sessionStorage
  24. Is there a way to load images to user’s cache asynchronously?
  25. Waiting for dynamically loaded script
  26. Iframe inherit from parent
  27. Reading multiple files with Javascript FileReader API one at a time
  28. Checking if a textbox is empty in Javascript
  29. Rename Object Key in an array using javascript
  30. trigger file upload dialog using javascript/jquery

Leave a Comment