html/javascript向我的页面添加脚本_Javascript_Html

html/javascript向我的页面添加脚本

javascript html

html/javascript向我的页面添加脚本,javascript,html,Javascript,Html,[已解决] 我试着让它，当我点击cuboidCalc 它将outputOne替换为cuboidCalc函数中的代码 <!DOCTYPE html> <html> <body> <p>volume only</p> <input type="button" onclick="cuboidCalc()"> cuboidCalc <br> <input type="button" onclick="cylinde

[已解决]

我试着让它，当我点击cuboidCalc 它将outputOne替换为cuboidCalc函数中的代码

<!DOCTYPE html>
<html>
<body>
<p>volume only</p>
<input type="button" onclick="cuboidCalc()"> cuboidCalc <br>
<input type="button" onclick="cylinderCalc()"> cylinderCalc <br>
<input type="button" onclick="triPrismCalc()"> triPrismCalc <br>

<p id="outputOne"></p>

<p id="outputTwo"></p>

<script>
function cuboidCalc() {
    document.getElementById("outputOne").innerHTML = "hight: <input type="number" id="hight" value="">";

}
function cylinderCalc() {

}
function triPrismCalc() {

}
</script>


仅限音量
立方钙

气缸计算器

triPrismCalc



函数立方计算器（）{
document.getElementById（“outputOne”）.innerHTML=“hight:”；
}
函数cylinderCalc（）{
}
函数triPrismCalc（）{
}

只要更改您的报价，我想：

function cuboidCalc() {
    document.getElementById("outputOne").innerHTML = "hight: <input type='number' id='hight' value=''>";

}

函数cuboidCalc（）{
document.getElementById（“outputOne”）.innerHTML=“hight:”；
}

我还将输入更改为

，如果这有任何区别

问题在于双引号（

“…”

）用于在函数中括起和指定属性值。尝试用单引号替换封闭的或内部的双引号，如下所示：

function cuboidCalc() {
    document.getElementById("outputOne").innerHTML = 'hight: <input type="number" id="hight" value="">';
}

函数cuboidCalc（）{
document.getElementById（“outputOne”）.innerHTML='hight:'；
}

Edit：为了更好地解释这一点，string语句中的双引号将使语句停止，因此后面的任何内容都将被理解为代码，因此没有任何意义。这就是为什么您必须修改引号的原因，因此一个引号被理解为包含整个语句，而其他引号可以在其中用于指定属性值。如果需要更多的引号，请使用反斜杠（

）转义字符，例如

语句=''

这是一个。

结果如何？马上