JavaScript用document.write()输出换行

简介: JavaScript用document.write()输出换行

当我们想用document.write()输出换行时,可能会第一时间想到加"\n",但是其实不能达到我们的想要效果,只会得到一个空格的效果。


正确的方法是使用:</br>


样例代码:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      // 使用 \n 换行   ---> 错误的方法
      document.write("这是第一句话。" + "\n"); // 并不会换行,只会得到一个空格的效果
      document.write("这是第二句话。");
      document.write("</br>");  // 正确的换行
      document.write("</br>");
      document.write("</br>");
      // 使用正确的方法 </br> 换行
      document.write("这是第一句话。。" + "</br>");
      document.write("这是第二句话。。");
    </script>
    <title></title>
  </head>
  <body>
  </body>
</html>

效果截图:

1.png


OK到此完美达成需求。


相关文章
|
JavaScript 前端开发 数据可视化
数据可视化中javascript二维数组使用arr.slice实现换行换列排名的解决方案
数据可视化中javascript二维数组使用arr.slice实现换行换列排名的解决方案
96 1
|
JavaScript 前端开发 PHP
JS的字符串插值,变量长文本换行
作为一个PHPer,经常需要在html中写js jq来解析数据,形成列表、选项等等。 (谁让我们PHPer还要兼顾页面呢?? 又不会Vue,只能这样子讨讨生活。) 那么就经常遇到Html代码拼接,或者字符串拼接,可能是这样子的问题
426 0
JS的字符串插值,变量长文本换行
|
前端开发 JavaScript
初学JavaScript&输出语句
前端三大件分别为:HTML、CSS、JavaScript。其中最重要的当属JavaScript。 虽然现在开发通常使用框架,但是这些基础的才最重要的,就像一座高楼不能没有稳固的地基一样。打好基础,走遍天下都不怕。JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。 即JavaScript 是一种编程语言,主要参与构建 Web 前端应用。
初学JavaScript&输出语句
|
前端开发
HTML单行、多行超出不换行显示省略号使用Clamp.js兼容IE
HTML单行、多行超出不换行显示省略号使用Clamp.js兼容IE
181 0
|
JavaScript 前端开发 开发者
JavaScript常见的的输出方式
JavaScript常见的的输出方式 1.通过弹窗的形式输出 警告框 window.alert(&quot;输出内容&quot;); 1 确认框 window.confirm(&quot;确认信息的标题&quot;); 1 提示框 window.prompt(&quot;提示框标题&quot;,&quot;默认输出内容&quot;); 1 以上三种方式的window可以省略。 2.通过网页的内容区域形式输出 documen.write(&quot;输出的内容&quot;); 1 注意:因为document.write()是直接向文档中添加内容,所以当js文件中使用了window.οnlοad=function(){}时,使用docum
|
JavaScript 前端开发
【基础篇】JavaScript的4种代码调试输出方式
【基础篇】JavaScript的4种代码调试输出方式
198 0
【基础篇】JavaScript的4种代码调试输出方式
|
JavaScript 前端开发
JavaScript输出的两种方式
JavaScript输出的两种方式
|
存储 JavaScript 前端开发
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
|
JavaScript 前端开发
JavaScript 输出和对话框
JavaScript 输出和对话框
217 0
JavaScript 输出和对话框
|
JavaScript
利用JS输出正三角形五角星
利用JS输出正三角形五角星
利用JS输出正三角形五角星