<input type="button" value="button" onclick="document.write('<div>1</div>')">小问题

Question

页面很简单就是这样：
<input type="button" value="button" onclick="document.write('<div>1</div>')">当我点击这个按钮之后，页面就出来个1，刷新回不到一开始的页面，一定要按后退才行，这个是什么原因？

Answer 1

document.write()方法将打开—个新的输出流。它将清除当前页面内容

Answer 2

你是想问:页面为什么就出来个1.  还是想问为什么刷新回不到开始,要按后退才行呢?
问题1: 你写的代码就是要打印<div>1</div>, 浏览器会显示为1
问题2: document.write是写进了新的页面, 虽然地址没变, 但是你查看源代码时源代码的内容是<div>1</div>
不再是<input type="button" value="button" onclick="document.write('<div>1</div>')">所以说你刷新无效.要后退才行(也可以把光标放到地址栏后按回车重新打开页面)

Answer 3

那要在原有页面增加点元素就不能用document.write()了只能createElement?

Answer 4

可以用innerHTML,文档加载完之后不能使用document.write了。

Answer 5

当我点击这个按钮之后，页面就出来个1，document.write 完全重写当前dom tree
可以使用document.createElement, 然后再appendChild刷新回不到一开始的页面，一定要按后退才行，这个是什么原因？刷新F5的作用是通知html引擎重新解析当前html文档，而你的文档因为document.write重写了里面的内容，所以回不到原来的。

Answer 6

你已经点击了，证明你又发了新的请求，不再是开始进入的时候的请求，你刷新证明是请求还是这个心的，所以你要回去，除了回退，还可以刷新url（即点击回车键）