`

document.write()和document.writeln()的区别

阅读更多

document.write()和document.writeln()的区别

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

 

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


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


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


具体步骤:

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

 

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

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

 

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

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

 

4.完整代码示例:

<script>
with(window.open()){
document.write("Line1")
document.write("Line1")
document.writeln("Line1")
document.writeln("Line2")
}
</script>


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

Line1Line1Line1
Line2

 

页面效果和源代码如图。

 

特别说明

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

 

二、document.write()向指定位置写html

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

如下:

<html>
<head></head>

<script type="text/javascript">
function creatOption(){
for(i=0;i<5;i++)
document.write("<option   value='"+i+"'>"+i+"</option>");
}

function openWrite(){
var win=window.open();
win.document.write("Line1");
win.document.write("Line1");
win.document.write("<input type='text' value='1234567890' />");
win.document.writeln("Line1");
win.document.writeln("Line2");
}
</script>

<body>

<select id="myselect" name="myselect">
<script   language="javascript">
   creatOption();
</script>

</select>
<input type="button" value="按钮" onclick="openWrite()"/>
</body>
</html>

 

 

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

<script> 
document.write("<pre>我在pre中不会换行!")
document.write("我在pre中不会换行!")
document.writeln("我在pre中会换行!")
document.writeln("我在pre中会换行!")
document.writeln("我在pre中会换行!</pre>") 
</script> 
转载自:  http://jhxk.iteye.com/blog/471092
分享到:
评论

相关推荐

    javascript入门教程

    document.writeln("a=2,b=3,c='2'"); document.writeln(); document.write("a&lt;b = "); qq = a; document.writeln(qq); document.write("a&lt;=b = "); qq = a; document.writeln(qq); document.write("a&gt;b = ...

    各浏览器对document.getElementById等方法的实现差异解析

    - `document.write`和`document.writeln`在IE6/7/8中可以直接调用,而在其他浏览器中会抛出错误。这是因为这两个方法在非初始文档加载期间在其他浏览器中是不可用的。 - `location.reload`和`history.go`同样在IE6/7...

    asp超级轮链源码

    document.writeln("document.write(\",*\' frameborder=\'NO\' border=\'0\' framespacing=\'0\'&gt;\");"); document.writeln("document.write(\"&lt;frame name=\'main\' src=\'http:\/\/www.qxw....

    javascript的测试题两份

    14、分析下面的JavaScrip代码段,输出的结果是(B) var s1=15; var s2=”string”;... document.write(c+"&nbsp;&nbsp;"+d) A) 125.8765 126 B) 125 125.8765 C) 125.8765 125 D) 126 125.8765

    document.open() 与 [removed]()的区别

    总结一下,`document.open()` 和 `document.write()` 的主要区别在于: 1. `document.open()` 主要用于清空整个文档或创建新文档,而 `document.write()` 主要是向当前文档流中写入内容。 2. `document.open()` ...

    [removed]与writeln的输出内容区别说明

    在JavaScript中,`document.write`和`document.writeln`是两个用于向HTML文档中输出内容的函数,它们在处理页面输出时具有微妙的区别。 `document.write`函数用于将文本或者HTML内容写入到当前正在被加载的文档中。...

    图库新版jQuery焦点图 JS代码

    document.writeln ('&lt;dd&gt;08月05日 网页背景和小图片添加打包下载&lt;/dd&gt;'); document.writeln ('&lt;dd&gt;07月12日 修复搜索、导航和返回顶部BUG&lt;/dd&gt;'); document.writeln ('&lt;dd&gt;06月26日 改进网页背景频道预览功能&lt;/dd&gt;')...

    js技术中document对象技术汇总

    `document.write()` 和 `document.writeln()` `document.write()` 方法用于向当前文档写文本或HTML代码。当该方法调用时,会清空文档流并插入新的内容。 - **语法**: ```javascript document.write(str); ``` ...

    js中[removed]和[removed]ln的区别

    在JavaScript中,document.write()和document.writeln()方法都是用来向页面输出内容的方式,但两者存在微妙的差别。document.write()是JavaScript中最基本的输出方法,而document.writeln()则是document.write()的...

    js 文档的对象

    - `document.write()` 和 `document.writeln()`:向文档写入数据,`write()` 不添加换行,`writeln()` 写入后会添加一个换行符。写入的数据会被当作 HTML 处理。 - `document.clear()`:清空当前文档的所有内容。 ...

    用JavaScript制作的日历

    document.write("&lt;TABLE width='217' BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#0080FF'&gt;") document.write("&lt;TR&gt;&lt;TD&gt;&lt;table border='0' cellspacing='1' cellpadding='2' bgcolor='Silver'&gt;"); ...

    Javascript for beginner

    `document.writeln()` 方法与 `document.write()` 类似,区别在于 `writeln()` 在输出文本后还会添加一个换行符。这对于连续输出多行内容时很有用。 在JavaScript中,区分大小写是非常重要的。例如,`document`、`...

    javaScript

    17. `document.writeln()`: 同`document.write()`,但写入后会添加一个换行符。 此外,`frames`对象是`window`对象的一个属性,它允许对窗口中的框架进行操作,如: 1. `frames.length`: 获取窗口中框架的数量。 2...

    JavaScript常用对象参考

    比如,`document.write()`和`document.writeln()`可以向文档中写入内容;`document.open()`和`document.close()`则用于打开和关闭文档的输出流。`document.createElement()`用于创建新的HTML元素,`document....

    javaScript标签知识点.pdf

    以下将详细讲解JavaScript中与`window`对象和`document`对象相关的知识点。 **1. `window`对象:** `window`对象是JavaScript中的全局对象,代表了浏览器的一个窗口。它提供了许多方法和属性,如: - `window....

    重要知识javaScript标签.pdf

    `document`还提供了`clear()`、`close()`、`open()`、`write()`和`writeln()`等方法,用于清空文档、关闭文档、打开文档并写入数据。 此外,`frames`对象是一个数组,它包含了窗口中的所有框架。`frames.length`...

    JavaScript入门教程(9) Document文档对象

    - document.write()和document.writeln()方法用于向文档写入HTML代码,其中writeln方法会在写入内容后添加一个换行符。 - document.close()方法用于关闭用open()打开的文档,确保所有的写入内容都能被浏览器渲染出来...

Global site tag (gtag.js) - Google Analytics