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

时间:2013-04-18 22:31:25

标签: random overwrite document.write

这是代码; 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/(虽然document.write似乎没有在那里工作,骰子图像也没有了) 我不认为我真的理解Document.write语句,并且有更好的方法吗?我想做的就是掷骰子并根据结果显示链接。谢谢你的帮助

1 个答案:

答案 0 :(得分:1)

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

相反,请使用以下内容:

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