<!DOCTYPE html><html>?<head>? <title> 事件</title> ?? <script type="text/javascript">?? function count(){??? var x=parseFloat(document.getElementById('txt1').value);??? var y=parseFloat(document.getElementById('txt2').value);??? var z=document.getElementById('select').value;??? var result='';??? switch(z){??????? case '+':??????? result=x+y(這里為什么不能直接用 ‘innerText=x+y’直接將結(jié)果寫入,而要用變量作為緩存呢)??????? break;??????? case '-':??????? result=x-y;??????? break;??????? case '*':??????? result=x*y;??????? break;??????? default:??????? result=x/y;????? ???? }??? //獲取第一個(gè)輸入框的值?? ?//獲取第二個(gè)輸入框的值?? ?//獲取選擇框的值?? ?//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則??? //設(shè)置結(jié)果輸入框的值 ??? document.getElementById('fruit').value=result;?? }? </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>
為什么聲明一個(gè)變量來(lái)做緩存,不能夠直接將'x+y'等運(yùn)算寫入(比如:用innerHTML,innerText).
一念花開(kāi)_1
2016-10-26 22:34:20