JavaScript document.write 与 document.writeln 的区别

女爷i 2022-07-11 13:20 175阅读 0赞

document.write() 和 document.writeln 都是JavaScript向客户端写入的方法，writeln是以行方式输出的，但并不是指页面实际效果中的换行，两种方法在查看源代码时才看得出区别，除非是输出到pre或code（xmp也可以，但HTML4.0 已经废除xmp，使用pre或code替代）元素内 。

*  writeln 只是在字符串后面添加上“\\r\\n”，它并不会在网页显示的时候换行，只是输出的源代码换行而已。
 *  真正要想在显示的时候换行，请使用<br>或<br/>。
 *  <pre>和<code>内的元素在显示的时候会保留源码中的空格或换行符。

看下面的例子：

<html>
        <body>
            <script>
                document.write("document.");
                document.writeln("writeln");
                document.write("can not wrap line");
                document.write("<br/>");
                document.write("only <br/> can wrap line");
                document.write("!");
                document.write("<br/>");
                document.write("'\\n' can not make \n new line");
                document.write("<br/>");
                document.write("<pre>one line\ntwo line</pre>")
            </script>
        </body>
    </html>

运行结果如下，在“Google Chrome”中右键 –> 检查，可以查看到如下源码：

![这里写图片描述][20170129222706079]

[20170129222706079]: /images/20220711/43bc3dafb0e543e1aee017d9ca223e49.png

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript undefined 与 null 的区别

阅读目录阐述一、相似性二、历史原因三、最初设计四、目前的用法 null 表示"没有对象"，即该处不应该有值。典型用法是

系统管理员/ 2023年10月06日 22:20/ 0 赞/ 22 阅读

相关 JavaScript面试题-documentwrite 和 innerHTML 的区别？

document.write 和 innerHTML 的区别主要区别：document.write 是直接将内容写入页面的内容流，会导致页面全部重绘，innerHTML

我会带着你远行/ 2023年06月14日 14:56/ 0 赞/ 26 阅读

相关 Javascript 或与非的区别

1.在js逻辑运算中，0、""、null、false、undefined、NaN都会判为false，其他都为true 2.测试 typeof 5和typeof !!5的

阳光穿透心脏的1/2处/ 2022年12月22日 09:42/ 0 赞/ 158 阅读

相关 JavaScript与Java的关系（联系与区别）

JavaScript和Java是两种不一样的语言，但是它们之间存在联系。背景方面 Javascript(1995年，Netscape公司雇佣了程序员Brendan E

超、凢脫俗/ 2022年08月21日 09:45/ 0 赞/ 357 阅读

相关 javascript与Jscript区别

区分JavaScript和JScript 很多人无法区分JavaScript和JScript，或者根本不去区分它们，这是不对的。 JScript是Microsoft公司

怼烎@/ 2022年07月15日 08:35/ 0 赞/ 192 阅读

相关 JAVAScript中的“||”与“|”，“&”与“&&”的区别

js中的“&&”“||”“！”相当于JAVA中的“&& (短路与)”“|| (短路或)”“！” 注意：返回结果与java（要求两边是逻辑值）有不同。 && : 当左

桃扇骨/ 2022年06月13日 10:47/ 0 赞/ 316 阅读

相关 JavaScript与JScript的区别

JavaScript与JScript的区别 > 前言：很多人无法区别JavaScript和JScript,或者根本就不去区分他们,这是不对的. 什么是JScript？

傷城~/ 2022年06月09日 13:16/ 0 赞/ 285 阅读

相关 javaScript与jQuery的比较（区别）

一：本质区别 javaScript是通过<script></script>标签插入到html页面中，支持当前所有主流浏览器的轻量级的编程语言。 jQuer

男娘i/ 2022年02月28日 07:48/ 0 赞/ 352 阅读

相关详解JavaScript 与 Dart 的区别

JavaScript通常被称为浏览器脚本语言，但它也已扩展到许多服务器端和移动应用程序开发环境。JS已经存在了将近20年，可以肯定地说它确实是一种成熟且稳定的编程语言。在...

小灰灰/ 2020年06月01日 17:39/ 0 赞/ 768 阅读

相关 JavaScript与ECMAScript 区别

JavaScript与ECMAScript 区别 JavaScript是一门非常流行的脚本语言，学习者众多。当初学者刚开始入门此语言的时候，可能会发现如下几个问题：（...

红太狼/ 2020年05月27日 13:21/ 0 赞/ 741 阅读