document.write()和document.writeln()有什么区别document.write()和document.writeln()有什么区别
解决思路:
两者都是JavaScript向客户端输出的⽅法,对⽐可知写法上的差别是⼀个ln--line的简写,换⾔之,writeln ⽅法是以⾏输出的,相当于在winte 输出后加上⼀个换⾏符。
具体步骤:
1.打开⼀个空⽩窗⼝。
window.open()
2.⽤ write ⽅法向空⽩窗⼝写⼊代码。
document.write("Line 1")
document.write("Line 2")
3.⽤ writeln ⽅法向空⽩窗⼝写⼊代码。
document.writeln("Line 3")
document.writeln("Line 4")
4.完整代码⽰例:
with(window.open()){
document.write("Line 1")
document.write("Line 2")
document.writeln("Line 3")
document.writeln("Line 4")
}
注意:两种⽅法仅当在查看源代码时才看得出区别。
特别提⽰
把上⾯的代码加⼊⽹页中,然后查看弹出窗⼝的源代码,将会看到:
Line 1Line 1Line 1
Line 2
页⾯效果和源代码如图所⽰。
页⾯效果:源码效果:
图 write和writeln⽅法的输出⽐较
通常情况下是这样使⽤的:⽐如有好⼏个页⾯都要⽤到同⼀个下拉选项栏,那么就可以将这⼀栏写成js,在每个页⾯进⾏引⽤:
1 document.writeln('<div class="menu">');
2 document.writeln('<ul>');
3 document.writeln('<li>');
4 document.writeln('<a href="/help/cloud/index.html">云计算</a>');
5 document.writeln('</li>');
6 document.writeln('<li>');
7 document.writeln('<a href="/help/api/index.html">API⽂档</a>');
8 document.writeln('<ul>');
9 document.writeln('<li>');
10 document.writeln('<a href="/help/api/overview.html" >概述</a>');
11 document.writeln('</li>');
12 document.writeln('<li>');
13 document.writeln('<a href="/help/api/signature.html" >签名认证</a>');
14 document.writeln('</li>');
15 document.writeln('<li>');
16 document.writeln('<a href="/help/api/public_params.html" >公共参数</a>');
17 document.writeln('</li>');
18 document.writeln('<li>');
19 document.writeln('<a href="/help/api/error_code.html">错误码</a>');
20 document.writeln('</li>');
21 document.writeln('<li>');
22 document.writeln('<a href="/help/api/api_list.html">API指令列表</a>');
23 document.writeln('</li>');
24 document.writeln('</ul>');
25 document.writeln('</li>');
26 document.writeln('</ul>');
27 document.writeln("<ul>");
28 document.writeln('<li>');
29 document.writeln('<a href="/help/jiaoben/index.html">智能脚本</a>');
30 document.writeln('</li>');
31 document.writeln('</ul>');
html document是什么
32 document.writeln("<ul>");
33 document.writeln('<li>');
34 document.writeln('<a href="/help/beian/index.html">备案</a>');
35 document.writeln('</li>');
36 document.writeln('</ul>');
37 document.writeln('<ul>');
38 document.writeln('</div>');
特别说明
总的来说,⼀般情况下⽤两种⽅法输出的效果在页⾯上是没有区别的(除⾮是输出到 pre或xmp 元素内)。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。