JavaScript中document . write与document.writeln有什么区别

  介绍

这期内容当中小编将会给大家带来有关JavaScript中document . write与文档。writeln有什么区别,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

两者都是JavaScript向客户端输出的方法,对比可知写法上的差别是一个ln -线的简写,换言之,writeln方法是以行输出的,相当于在? winte ?输出后加上一个换行符

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

记住,载入网页后,浏览器输出流将自动关闭。在些之后任何一个对当前网页的document . write()方法都将打开一个新的输出流,它将清除当前网页输出内容(包括源文档中的任何变是和值),因此,如果希望用脚本生成的HTML内容替换当前网页,就必须把HTML内容连接起来赋给一个变量。这里,使用document . write()来完成写操作。不必清除文档并打开一个新的数据流,一个document . write()调用就好了。

关于document . write()方法,还需要说明它的相关方法document.close()。脚本向窗口(不管是本窗口还是其它窗口)写完内容后必须关闭输出流。在脚本的最后一个document . write()方法后面。必须确保有document.close()方法。不这样做就不能显示图像和表单。而且,后面调用的任何document . write()只会将内容追加到网页后,而不会清除现有内容,写入新值

<强>具体步骤:

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

2。用写方法向空白窗口写入代码。

document . write (“Line1")
document . write (“Line1")

3。用writeln方法向空白窗口写入代码。

document.writeln (“Line1")
document.writeln (“Line2")

4。完整代码示例:

& lt; script>,   (window.open ()) {,   document . write (“Line1"),   document . write (“Line1"),   document.writeln (“Line1"),   document.writeln (“Line2"),   },   & lt;/script>

注意:两种方法仅当在查看源代码时才看得出区别。
特别提示:把上面的代码加入网页中,然后查看弹出窗口的源代码,将会看的到:

Line1Line1Line1
Line2

页面效果和源代码如图。

 JavaScript中document . write与document.writeln有什么区别

特别说明

总的来说,一般情况下用两种方法输出的效果在页面上是没有区别的(除非是输出到前或xmp元素内)。

<强>二,document . write()向指定位置写html

页面初始化时可以正确写在选择框内
但调用时就写在控件外了,不知道document . write()能否想改变innerHTML或outerHTML来动态写html ?以及写的HTML要用来显示该如何处理?

如下:

& lt; html>   & lt; head>   & lt;/head>   & lt; script 类型=拔谋?javascript"比;   function  creatOption () {   (i=0; i<5,我+ +)   document . write (“& lt; option ,价值=https://www.yisu.com/zixun/薄拔? +”“> “+我+);   }   函数openWrite () {   var赢得=window.open ();   win.document.write (“Line1”);   win.document.write (“Line1”);   win.document。写(“”);   win.document.writeln (“Line1”);   win.document.writeln(“么”);   }>   <选择id=" myselect " name=" myselect ">   <脚本语言=" javascript ">   creatOption ();>      身体   

关于保留格式,测试一下:

& lt; script>,   document . write (“& lt; pre>我在前中不会换行!“)   document . write(“我在前中不会换行!“)   document.writeln(“我在前中会换行!“)   document.writeln(“我在前中会换行!“)   document.writeln(“我在前中会换行! & lt;/pre>“),   & lt;/script>

<强>写和Writeln的区别

写不可以换行,Writeln可以换行只

<>强如何查看Writeln的换行效果

在网页中是看不到Writeln的换行效果的,它是被浏览器表现为一个空格显示出来了。
在HTML文件和JSP的源文件中都看不到效果,读者可以在标签中加入预格式标签查看效果

JavaScript中document . write与document.writeln有什么区别