為啥輸不出結(jié)果？謝謝！
<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
???????
???????var?d;
????//獲取第一個(gè)輸入框的值
????var?a=document.getElementById("txt1").value;
????//獲取第二個(gè)輸入框的值
????var?b=document.getElementById("txt2").value;
????//獲取選擇框的值
????var?c=document.getElementById("select").value;
????document.write(c);
????//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
????switch(c)
????{
??????case?"+":
????????d=Number(a)+Number(b);
????????break;
??????case?"-":
????????d=Number(a)-Number(b);
????????break;
??????case?"*":
????????d=Number(a)*Number(b);
????????break;
??????case?"/":
????????d=Number(a)/Number(b);
????????break;
????}
????//設(shè)置結(jié)果輸入框的值?
????document.write(d);
????document.getElementById("fruit").value=d;
????
???}
??</script>?
?</head>?
?<body>
???<input?type='text'?id='txt1'?/>?
???<select?id='select'>
????????<option?value='+'>+</option>
????????<option?value="-">-</option>
????????<option?value="*">*</option>
????????<option?value="/">/</option>
???</select>
???<input?type='text'?id='txt2'?/>?
???<input?type='button'?value='?=?'?onClick="count()"/>?<!--通過(guò)?=?按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>
代碼如上，為什么計(jì)算3加3的過(guò)程中寫入兩個(gè)document.write()結(jié)果就變成下圖這樣而不是下面第二個(gè)圖的樣式呢？
2020-03-23
document.write插入js標(biāo)簽會(huì)覆蓋頁(yè)面又兩種情況：
通過(guò)onclick() 點(diǎn)擊事件觸發(fā)執(zhí)行document.write()，會(huì)使document.write()覆蓋原來(lái)的頁(yè)面。
在window.onload里面執(zhí)行document.write()，也會(huì)將原來(lái)的頁(yè)面覆蓋。
2020-03-23
? ? d1 = document.getElementById("txt1").value;
? ? d2 = document.getElementById("txt2").value;
? ? switch(document.getElementById("select").value){
? ? ? ? case "+":
? ? ? ? ? ? document.getElementById("fruit").value = parseInt(d1) + parseInt(d2);
? ? ? ? ? ? break;
? ? ? ? case "-":
? ? ? ? ? ? document.getElementById("fruit").value = parseInt(d1) - parseInt(d2);
? ? ? ? ? ? break;
? ? ? ? case "*":
? ? ? ? ? ? document.getElementById("fruit").value = parseInt(d1) * parseInt(d2);
? ? ? ? ? ? break;
? ? ? ? default:
? ? ? ? ? ? document.getElementById("fruit").value = parseInt(d1) / parseInt(d2);
? ? }
? ?}