javascript - Document.write 问题

Question

我正在制作一个页面，用户可以在其中回答有关他们正在销售的产品的问题(使用单选按钮)。当他们点击页面底部的按钮时，会弹出报价。我编写了一个 javascript 函数，当用户点击按钮时执行。它计算价格并使用 document.write 显示它，但只要用户点击按钮，它就会打开一个新页面并显示我告诉它的内容。

function getQuote(){
    document.write("Your Quote Is: $", price, ".00");
}

下面是按钮的代码:

<button type="button" onclick='getQuote()'>Display Quote</button>

但是当我按下按钮时，会出现一个新页面，它只显示我在 document.write 短语中输入的格式的引文。

我尝试使用 .innerHTML 将 document.write 发送到页面的另一部分，但同样的问题仍然存在。

我该怎么做才能确保报价显示在页面上我想要的位置？

Answer 1

document.write 没有问题，它正在做它应该做的事情:

Overwrite the page with the new content.

如果您不想这样做，那么您必须给它一些上下文来写入。

例如:

function getQuote(){
    var textArea = document.getElementById('textArea');
    textArea.innerHTML = "Your Quote Is: $", price, ".00";
}

这会将您的文本放入带有 id="textArea"

的 DOM 元素中