有人可以解释为什么这个document.write覆盖整个页面？

Question

这里是代码; JavaScript的

function Roll() 
    // Results: displays a randomly selected image of a 6-sided die 
    { 
     var roll; 

     roll = RandomInt(1, 6); 

     if (roll == 1) { 
     document.getElementById("die").src = 
      "die1.gif"; 
     document.write("<center><p><a href='bad.html'> Enter </a></p></center>"); 
     } 
     else if (roll == 2) { 
     document.getElementById("die").src = 
      "die2.gif"; 
     document.write("<center><p><a href='good.html'> Enter </a></p></center>"); 
     } 
     else if (roll == 3) { 
     document.getElementById("die").src = 
      "die3.gif"; 
     document.write("<center><p><a href='bad.html'> Enter </a></p></center>"); 
     } 
     else if (roll == 4) { 
     document.getElementById("die").src = 
      "die4.gif"; 
     document.write("<center><p><a href='good.html'> Enter </a></p></center>"); 
     } 
     else if (roll == 5) { 
     document.getElementById("die").src = 
      "die5.gif"; 
     document.write("<center><p><a href='bad.html'> Enter </a></p></center>"); 
     } 
     else { 
     document.getElementById("die").src = 
      "die6.gif"; 
     document.write("<center><p><a href='good.html'> Enter </a></p></center>"); 
     } 
    } 

这里是的jsfiddle http://jsfiddle.net/seymorevenue/TcNF7/（尽管文件撰写似乎并没有在那里工作，和骰子图像arn't高达） 我不认为我真正理解文件撰写声明，有没有更好的方法？我想要做的就是掷骰子并根据结果显示链接。感谢您的帮助

Answer 1

我认为document.write（）对网站进行了重大更改，点击按钮后很少使用它，而是在网站加载时很少使用。

相反，使用这样的事情：

document.getElementByID('YourOutputDiv').innerHTML = 'Text to display on website'; 

Answer 2

有进一步资料，这个问题的副本（和同解）： document.write() overwriting the document?