document.write()和document.writeln()有什么区别
2015-03-24 10:10
381 查看
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
页面效果和源代码如图所示。
页面效果:
![](http://images.cnitblog.com/blog2015/714767/201503/241008311149010.png)
源码效果:
![](http://images.cnitblog.com/blog2015/714767/201503/241010139586230.png)
图 write和writeln方法的输出比较
通常情况下是这样使用的:比如有好几个页面都要用到同一个下拉选项栏,那么就可以将这一栏写成js,在每个页面进行引用:
![](http://images.cnitblog.com/blog2015/714767/201503/241015374746698.png)
特别说明
总的来说,一般情况下用两种方法输出的效果在页面上是没有区别的(除非是输出到 pre或xmp 元素内)。
解决思路:
两者都是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
页面效果和源代码如图所示。
页面效果:
![](http://images.cnitblog.com/blog2015/714767/201503/241008311149010.png)
源码效果:
![](http://images.cnitblog.com/blog2015/714767/201503/241010139586230.png)
图 write和writeln方法的输出比较
通常情况下是这样使用的:比如有好几个页面都要用到同一个下拉选项栏,那么就可以将这一栏写成js,在每个页面进行引用:
![](http://images.cnitblog.com/blog2015/714767/201503/241015374746698.png)
document.writeln('<div class="menu">'); document.writeln('<ul>'); document.writeln('<li>'); document.writeln('<a href="/help/cloud/index.html">云计算</a>'); document.writeln('</li>'); document.writeln('<li>'); document.writeln('<a href="/help/api/index.html">API文档</a>'); document.writeln('<ul>'); document.writeln('<li>'); document.writeln('<a href="/help/api/overview.html" >概述</a>'); document.writeln('</li>'); document.writeln('<li>'); document.writeln('<a href="/help/api/signature.html" >签名认证</a>'); document.writeln('</li>'); document.writeln('<li>'); document.writeln('<a href="/help/api/public_params.html" >公共参数</a>'); document.writeln('</li>'); document.writeln('<li>'); document.writeln('<a href="/help/api/error_code.html">错误码</a>'); document.writeln('</li>'); document.writeln('<li>'); document.writeln('<a href="/help/api/api_list.html">API指令列表</a>'); document.writeln('</li>'); document.writeln('</ul>'); document.writeln('</li>'); document.writeln('</ul>'); document.writeln("<ul>"); document.writeln('<li>'); document.writeln('<a href="/help/jiaoben/index.html">智能脚本</a>'); document.writeln('</li>'); document.writeln('</ul>'); document.writeln("<ul>"); document.writeln('<li>'); document.writeln('<a href="/help/beian/index.html">备案</a>'); document.writeln('</li>'); document.writeln('</ul>'); document.writeln('<ul>'); document.writeln('</div>');
特别说明
总的来说,一般情况下用两种方法输出的效果在页面上是没有区别的(除非是输出到 pre或xmp 元素内)。
相关文章推荐
- document.write()和document.writeln()的区别,一看即懂。-------writeln()为什么不换行
- document.write()和document.writeln()的区别,实现换行
- document.write和document.writeln区别,document.writeln换行
- js中document.write和document.writeln的区别
- document.write与writeln的输出内容区别说明
- document.write()与document.writeln()区别
- document.write与writeln的输出内容区别说明
- JavaScript语言精粹(一)(词法作用域,JSON及其服务器处理,document.write()与document.writeln()区别)
- document.write() 和 document.writeln() 区别
- Document 和 Document.all 有什么区别
- document.open() 与 document.write()的区别
- linux read/write和fread/fwrite有什么区别
- window.close()和document.close()有什么区别(收藏)
- document.getElementBy("id")与$("#id")有什么区别
- linux read/write和fread/fwrite有什么区别
- document.write和document.documentElement.innerHTML的一个区别
- document.write()与window.alert()在转义字符上的区别
- document.getElementById()和document.getElementsByName()有什么区别
- document.location 与document.URL有什么区别
- System.out.write()和System.out.println()有什么区别?