javascript中的document.write()函数引发的问题

microsoftq

于 2009-04-02 10:28:00 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/microsoftq/article/details/4042860

本文探讨了JavaScript中使用document.write输出表单数据时遇到的问题，并提供了解决方案。当连续使用document.write时，后面的写入会覆盖前面的内容，导致无法正确显示所有数据。文章通过实例对比展示了如何先获取数据再进行输出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看下面的一段代码：

function output()

{
 document.write(document.login.username.value+ " ");
 document.write(document.login.password.value+ " ");

}

调用该函数后，发现只能输出用户名的信息，却没有输出想要的密码。

再看下面的一段代码

function output()

{

var username = document.login.username.value;
 var password = document.login.password.value;

 document.write(username + " ");
 document.write(password + " ");

}

发现用户名和密码都已经输出了。为什么？

document.write 产生一个文档输出流，可以理解为document重新写入信息了，之前的信息就全被覆盖了，document.write(document.login.username.value+ " ")，document.login.username.value能取到，但是执行完write函数后，document已经赋了新的内容了，所以document.login.password.value的值就已经被冲掉了。解决方法可以用第二段代码的例子，先把希望得到的信息取出来，然后再输出就可以了。