js中document.write和document.writeln的区别

两者都是客户端的JavaScript输出方法。通过对比，我们可以看出书写上的区别是ln - line的缩写。换句话说，writeln方法是以行输出的，这相当于以？温蒂。在输出后添加一个换行符

注意：document.write方法可以用于两个方面：在加载网页的过程中，实时脚本用于创建网页内容，延迟脚本用于创建此窗口或新窗口的内容。此方法需要一个字符串参数，它是写入窗口或框架的HTML内容。字符串参数可以是一个变量，也可以是一个值为字符串的表达式，编写的内容通常包含HTML标记。

请记住，加载网页后，浏览器输出流将自动关闭。之后，当前网页上的任何document.write()方法将打开一个新的输出流，该输出流将清除当前网页的输出内容(包括源文档中的任何更改和值)。因此，如果要用脚本生成的HTML内容替换当前网页，必须连接HTML内容并将其分配给变量。这里，使用document.write()完成写操作。您不需要清除文档并打开一个新的数据流，而是一个文档。write()调用就可以了。

在document.write()方法上，还需要说明它的相关方法document.close()。脚本必须在将内容写入窗口(无论是此窗口还是其他窗口)后关闭输出流。在脚本的最后一个document.write()方法之后，它必须确保有document.close()方法。如果不这样做，就无法显示图像和表单。此外，稍后调用的document.write()只会将内容附加到网页的后面，而不会

具体步骤：

1.打开一个空白窗口。window.open()

2.使用write方法将代码写入空白窗口。

document . write(' line 1 ')document . write(' line 1 ')

3.通过writeln方法将代码写入空白窗口。

document . writeln(' line 1 ')document . writeln(' line 2 ')

4.完整的代码示例：

脚本带有(窗口。open()){文档。编写(' line1 ')文档。编写(' line1 ')文档。writeln ('line1 ')文档。writeln ('line2')}/script注意：只有在查看源代码时才能看到这两种方法的区别。特别说明：将以上代码添加到网页中，然后查看弹出窗口的源代码，就会看到：

第1行第1行第2行

页面效果和源代码如图所示。

记名票据

一般来说，页面上两种方法的输出效果没有区别(除非输出到pre或xmp元素中)。

第二，把document.write()写到指定的位置写html

初始化时，页可以正确地写在选择框中，但在调用时，页会写在控件之外。不知道document.write()能不能把innerHTML或者outerHTML改成动态写HTML。以及如何处理所写的HTML来显示？

如下所示：

html head/head script type=' text/JavaScript ' function creatOption(){ for(I=0；i5；I)document . write(' option value=' I ' ' ' I '/option ')；}函数openWrite(){ var win=window . open()；win . document . write(' line 1 ')；win . document . write(' line 1 ')；win.document.write('输入类型='text '值=' 1234567890 '/')；win . document . writeln(' line 1 ')；win . document . writeln(' line 2 ')；}/script body select id=' my sel ' name=' my sel ' script language=' JavaScript ' creatOption()；/script/select input type=' button ' value=' button ' onclick=' open write()'//body/html关于保留格式，请测试它：

编写文档脚本(我不会用pre换行))document.write('我不能在pre中换行！)document.writeln('我将用pre换行！')document.writeln('我将用pre换行！')document.writeln('我将在pre！/pre ')/script write和Writeln之间的区别

Write不能换行，Writeln可以换行。

如何看待Writeln的换行效果

在网页上看不到writeln的换行符效果，但是浏览器会将其显示为空格。您在HTML文件和JSP源文件中看不到效果，因此读者可以在标签中添加预格式化标签来查看效果

我们补充道：你可以通过f12在chrome中查看。

编写document . write(' prewrite ')；document . writeln(' writeln ')；document . write(' write/pre ')；/script除了上面的读者还可以使用open方法重新打开一个窗口进行查看

脚本带有(窗口。open()){文档。写文档。writeln ('writeln ')文档。writeln ('write')}/script然后在弹出窗口中查看网页源文件即可看到效果。经过测试，作者在chrome56.0.2924.3的弹出窗口中没有看到源文件，此时可以在Element一栏中“查看”看到效果。IE11和Firefox50.0都有源文件列。

我们补充道：

html head titledocument.write/title脚本文档. write(' hello ')；document . writeln(' world ')；//document.writeln()不能换行，但它有更多的空格，这相当于\ r \ n document . writeln(' world ')；document . write(' br/')；document . write(' Hu ')；//输出一个按钮，注意多引号document.write的嵌套问题(' input type=' button ' value=' I is button '/')；/脚本/头体/体/html通过chrome的F12查看

注意：

注释：文件。writeln(类似文档。write)在XHTML文档中不起作用write和writeln在Xhtml文档中不起作用。HTML是语法相对宽松的XHTML，这就解释了为什么HTML中没有换行符。点击我查看。

html、xhtml和xml的定义：

1.html是超文本标记语言，是最早编写网页的语言。但是由于时间较早，标准不是很好，案例混杂，编码不规范。2.xhtml是html(可扩展超文本标记语言)的升级版，对html进行了标准化，其编码更加严谨和纯粹。它也是一种过渡语言，是从HTML到xml的语言；3.xml可扩展标记语言是一种跨平台语言，可以更自由地编码，自由地创建标签。4.网页编码是从htmlxhtmlxml的过程发展而来的。

html、xhtml和xml之间的区别：

1.与html相比，xhtml文档布局好且完整，体现在两个方面：a、元素必须有结束标签；b .元素必须嵌套；2.对于html的元素和属性，xhtml必须是小写的，因为xml严格区分大小写，li和LI是不同的标签；3.xhtml的属性值必须用引号引起来；4.xhtml不支持属性最小化。什么是属性最小化？正确：最小化属性输入已检查='已检查'不正确：最小化属性输入已检查5。在xhtml中，name属性已被弃用，并将在未来版本中被删除。

让我们来谈谈为什么网页编码是从htmlxhtmlxml发展而来的。

据说早期的网页是用html语言编写的，但它有三个严重的缺点：

1.编码不规范，结构混乱臃肿，需要智能终端才能很好的显示；2.性能和结构混乱，不利于开发和维护；3.你不能使用更多的网络设备，如手机和掌上电脑；所以HTML需要开发来解决这个问题，所以W3C制定了XHTML，它是HTML和XML之间的桥梁。Xml是网络发展的趋势。