請(qǐng)不要將此標(biāo)記為重復(fù)。與下面的類似，但又不一樣。我看過：Javascript 連接數(shù)字，而不是相加 ： 如何將兩個(gè)字符串像數(shù)字一樣相加？ 并且： innerHTML 返回帶有文本的 NaN這是我的代碼：<!doctype html><html><head><meta charset="UTF-8"><title>My Web Page</title><form action="PayslipServlet" method="get"> First Number: <input type="text" name="n1" id="n1"><br/> Second Number: <input type="text" name="n2" id="n2"><br/> Sum: <span id="Sum"></span> <br> <input type="button" value="Submit" onClick="pr()"> </form> <script> function pr() { var foobar = 100; <!-- works --> <!-- document.getElementById("Sum").innerHTML = +document.getElementById('n1').value ; works --> <!-- works --> <!-- document.getElementById("Sum").innerHTML = +document.getElementById('n2').value ; works --> <!-- works --> <!-- document.getElementById("Sum").innerHTML = +document.getElementById('n1').value +foobar ; --> <!-- concatenates as strings: why? --> document.getElementById("Sum").innerHTML = +document.getElementById('n1').value +document.getElementById('n2').value ; } </script></head>問題陳述：當(dāng)我將 n1 反饋給 sum 時(shí)，有效（請(qǐng)參閱注釋行） 當(dāng)我將 n2 反饋給 sum 時(shí)，有效 當(dāng)我將 n1+foobar 反饋給 sum 時(shí)，有效但是，當(dāng)我將 n1+n2 反饋給 sum 時(shí)，我得到一個(gè)連接字符串（例如 1+2 變成 12，而不是 3）。我究竟做錯(cuò)了什么？
3 回答
HUX布斯
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊
您需要在將兩個(gè)值相加之前將它們轉(zhuǎn)換為數(shù)字，這樣您將得到加法而不是串聯(lián)。
document.getElementById("Sum").innerHTML = +document.getElementById('n1').value + +document.getElementById('n2').value ;
海綿寶寶撒
TA貢獻(xiàn)1809條經(jīng)驗(yàn) 獲得超8個(gè)贊
您需要使用 parseInt 指令將輸入值轉(zhuǎn)換為 int 數(shù)據(jù)類型。這是代碼：
<script>
function pr() {
var foobar = 100;
<!-- works -->
<!-- document.getElementById("Sum").innerHTML = +document.getElementById('n1').value ; works -->
<!-- works -->
<!-- document.getElementById("Sum").innerHTML = +document.getElementById('n2').value ; works -->
<!-- works -->
<!-- document.getElementById("Sum").innerHTML = +document.getElementById('n1').value +foobar ; -->
<!-- concatenates as strings: why? -->
document.getElementById("Sum").innerHTML = parseInt(document.getElementById('n1').value) +parseInt(document.getElementById('n2').value) ;
}
</script>
MMTTMM
TA貢獻(xiàn)1869條經(jīng)驗(yàn) 獲得超4個(gè)贊
你+在那里使用兩種不同類型的 s 。前兩個(gè)：
<!-- works -->
<!-- document.getElementById("Sum").innerHTML = +document.getElementById('n1').value ; works -->
<!-- works -->
<!-- document.getElementById("Sum").innerHTML = +document.getElementById('n2').value ; works -->
執(zhí)行的操作是leftSide = +expression
這是一元加運(yùn)算符，它將非數(shù)字強(qiáng)制轉(zhuǎn)換為數(shù)字。
在第三個(gè)中：
<!-- works -->
<!-- document.getElementById("Sum").innerHTML = +document.getElementById('n1').value +foobar ; -->
執(zhí)行的操作是leftSide = +expression1 + expression2
使用一元加expression1將其轉(zhuǎn)換為數(shù)字。但and+之間不是一元加法，而是加法/串聯(lián)。當(dāng)在兩個(gè)表達(dá)式之間使用時(shí)，如果兩者都是數(shù)字，則它們會(huì)相加。在這里，在 的一元加之后，它是一個(gè)數(shù)字，并且也是一個(gè)數(shù)字，所以它們被加在一起。expression1expression2+.valuefoobar
但在
document.getElementById("Sum").innerHTML = +document.getElementById('n1').value +document.getElementById('n2').value
現(xiàn)在，正確的表達(dá)式是字符串而不是數(shù)字。+僅當(dāng)兩邊都是數(shù)字時(shí)才相加。someNumber + someString結(jié)果串聯(lián)。
如果要加，+請(qǐng)先確保兩邊都是數(shù)字。
- 3 回答
- 0 關(guān)注
- 188 瀏覽
添加回答
舉報(bào)
0/150
提交
取消