<script type="text/javascript">
document.write("桥本有菜");
function meta()
{
document.write("桃乃木香奈")
}
</script>
<input type="button" value="添加文字" onclick="meta()"/></from>
以上代码在单击按钮后 为什么不是在“桥本有菜”四字后添加“桃乃木香奈”这五个字。而是清除屏幕只剩下了“桃乃木香奈”这五个字？
html代码在被执行的时候,浏览器会自动调用document.open()打开一个新的文档流,然后开始在这个文档流的基础上加载信息.加载完毕后,就会自动调用document.close()关闭该文档流.上述代码的按钮被触发的时候,原来一开始被加载时使用的文档流已经在文档加载完毕后自动被关闭了,如果再执行document.write(),就会自动调用document.open()来创建一个新的文档流来写入信息.两次加载的文档流并不是同一个.因此就有被"清空"的现象.
---------------------
作者：LPLIFE
来源：CSDN
原文：https://blog.csdn.net/lplife/article/details/81121360
版权声明：本文为博主原创文章，转载请附上博文链接！
document.write("桥本有菜");写在javascript标签外面