文档写入问题

2024-01-10

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

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

这是按钮的代码:

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

但是,当我按下按钮时,会出现一个新页面,其中显示的引用仅包含我放入的格式document.write phrase.

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

我该如何确保报价显示在页面上我想要的位置?


no问题与document.write,它正在做它应该做的事情:

用新内容覆盖页面。

If you do not想要这样做,那么你必须给它一些上下文来写入。

例如:

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

它将您的文本内容放入 DOM 元素中id="textArea"

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

文档写入问题 的相关文章