js当月水电气简单计算器

body{ 
    font-size:12px; 
    text-align: center; 
} 
td{font-size:12px; 
} 
.outtab 
{ 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px; 
    border-top-style: solid; 
    border-right-style: solid; 
    border-bottom-style: solid; 
    border-left-style: solid; 
    border-top-color: #CCCCCC; 
    border-right-color: #CCCCCC; 
    border-bottom-color: #CCCCCC; 
    border-left-color: #CCCCCC; 
} 
#main 
{ 
    border: 1px solid #CCCCCC; 
    width:600px; 
    height:200px; 
    text-align: left; 
    padding: 10px; 
}</style><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%2F%2F%E6%95%B0%E5%AD%97%E5%9E%8B%E9%AA%8C%E8%AF%81%E9%83%A8%E5%88%86%20%0D%0A%2F%2F%20JavaScript%20Document%20%0D%0A%0D%0A%2F%2F%E6%8E%A7%E5%88%B6%E8%BE%93%E5%85%A5%E7%9A%84%E5%BD%A2%E5%BC%8F%E4%B8%BA%E6%95%B0%E5%80%BC%20%0D%0Afunction%20CheckNum(thetxtNum)%20%0D%0A%7B%20%0D%0Avar%20_value%20%3D%20thetxtNum.value%3B%20%0D%0Avar%20kc%3Dwindow.event.keyCode%3B%20%0D%0A%0D%0Aif(kc%3D%3D110%20%7C%7C%20kc%3D%3D190)%2F%2F%E5%A6%82%E6%9E%9C%E6%98%AF.%20%0D%0A%7B%20%0D%0Aif(_value.length%3D%3D0)%2F%2F%E7%AC%AC%E4%B8%80%E4%B8%AA%E4%B8%8D%E5%85%81%E8%AE%B8%E8%BE%93%E5%85%A5%E3%80%82%20%0D%0A%7B%20%0D%0A%20%20%20alert(%22%E4%B8%8D%E8%83%BD%E4%BB%A5%E5%B0%8F%E6%95%B0%E7%82%B9%E5%BC%80%E5%A4%B4%EF%BC%81%22)%3B%20%0D%0A%20%20%20window.event.returnValue%20%3D%20false%3B%20%0D%0A%20%20%20return%3B%20%0D%0A%7D%20%0D%0Aif(_value.indexOf(%22.%22)%3E%3D0)%2F%2F%E5%A6%82%E6%9E%9C%E5%B7%B2%E7%BB%8F%E5%AD%98%E5%9C%A8.%20%0D%0A%7B%20%0D%0A%20%20%20%2F%2Fwindow.event.keyCode%3D8%3B%20%0D%0A%20%20%20alert(%22%E4%B8%8D%E8%83%BD%E5%86%8D%E6%AC%A1%E8%BE%93%E5%85%A5%E5%B0%8F%E6%95%B0%E7%82%B9%EF%BC%81%22)%3B%20%0D%0A%20%20%20window.event.returnValue%20%3D%20false%3B%20%0D%0A%20%20%20return%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2Falert(kc)%3B%20%0D%0Aif(%20(kc%3E%3D48%20%26%26%20kc%3C%3D57)%20%7C%7C%20(kc%3E%3D96%20%26%26%20kc%3C%3D105)%20%7C%7C%20kc%3D%3D110%20%7C%7C%20kc%3D%3D190)%2F%2F%E5%A6%82%E6%9E%9C%E6%98%AF%E6%95%B0%E5%AD%97%20%E6%88%96%20.%20%0D%0A%7B%20%0D%0Awindow.event.returnValue%20%3D%20true%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Aelse%20if(kc%3D%3D8)%2F%2F%E5%A6%82%E6%9E%9C%E6%98%AF%E9%80%80%E6%A0%BC%20%0D%0A%7B%20%0D%0AthetxtNum.select()%3B%20%0D%0AthetxtNum.value%3D%22%22%3B%20%0D%0AthetxtNum.focus()%3B%20%0D%0Awindow.event.returnValue%20%3D%20false%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Aelse%20if(kc%3D%3D13)%20%0D%0A%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20window.event.keyCode%3D9%3B%20%0D%0A%20%20%20%20%20%20%20%20%20window.event.returnValue%20%3D%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%7D%20%0D%0Aelse%20if(kc%3D%3D9%20%7C%7C%20kc%3D%3D45%20%7C%7C%20kc%3D%3D46%20%7C%7C%20kc%3D%3D16%20%7C%7C%20kc%3D%3D17%20%7C%7C%20kc%3D%3D18%20%7C%7C%20kc%3D%3D20%20%7C%7C%20(kc%3E%3D112%20%26%26%20kc%3C%3D123))%20%0D%0A%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20window.event.returnValue%20%3D%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0A%2F%2Fwindow.event.keyCode%3D8%3B%20%0D%0Aalert(%22%E8%AF%B7%E8%BE%93%E5%85%A5%E6%95%B0%E5%AD%97%EF%BC%81%22)%3B%20%0D%0AthetxtNum.value%3D0%3B%20%0D%0Awindow.event.returnValue%20%3D%20false%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%E4%BF%9D%E7%95%99%E5%B0%8F%E6%95%B0%E7%82%B9%E5%90%8E%E4%B8%80%E4%BD%8D%20%0D%0Afunction%20Transfer(thetxtNum)%20%0D%0A%7B%20%0D%0Avar%20_value%3D%20parseFloat(thetxtNum.value)%3B%20%0D%0Aif(isNaN(_value))%20%0D%0A%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%7D%20%0D%0AthetxtNum.value%20%3D%20_value.toFixed(2)%3B%20%0D%0A%7D%20%0D%0A%2F%2F%2F%2F%E6%95%B0%E5%AD%97%E5%9E%8B%E9%AA%8C%E8%AF%81%E9%83%A8%E5%88%86-----end%20%0D%0A%0D%0A%2F%2F%E8%BE%93%E5%85%A5%E6%97%A5%E6%9C%9F%E5%B9%B4%E6%9C%88%20%0D%0Afunction%20writeyearmonth()%20%0D%0A%7B%20%0D%0Avar%20myDate%20%3D%20new%20Date()%3B%20%0D%0AmyDate.getFullYear()%3B%20%20%20%20%2F%2F%E8%8E%B7%E5%8F%96%E5%AE%8C%E6%95%B4%E7%9A%84%E5%B9%B4%E4%BB%BD(4%E4%BD%8D%2C1970-%3F%3F%3F%3F)%20%0D%0AmyDate.getMonth()%3B%20%20%0D%0Avar%20rqstr%3D%22%22%3B%20%0D%0Arqstr%3DmyDate.getFullYear()%20%2B%22%E5%B9%B4%22%2BmyDate.getMonth()%20%2B%22%E6%9C%88%22%3B%20%0D%0Adocument.write%20(rqstr)%3B%20%0D%0A%7D%20%0D%0A%20%3C%2Fscript%3E"> 
<div id="main"> 
<ul> 
    <li><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3Ewriteyearmonth()%3B%3C%2Fscript%3E"></li> 
    <li>水:起度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="s1" /> 止度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="s2" /> 单价 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="s3" /> 附加 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="s4" /> 
</li> 
    <li>电:起度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="d1" /> 止度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="d2" /> 单价 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="d3" /> 附加 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="d4" /> 
</li> 
    <li>气:起度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="q1" /> 止度 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="q2" /> 单价 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="q3" /> 附加 <input onkeydown="CheckNum(this)" onblur="dosum()" style="WIDTH: 50px" name="q4" /> 
</li> 
    <li>说明:输入各项后,在页面任意空白处点击鼠标,页面自动计算一次结果! </li> 
</ul> 
<table cellspacing="0" bordercolordark="#ffffff" cellpadding="0" width="646" align="left" bordercolorlight="#000000" border="1"> 
    <tbody> 
        <tr> 
            <td align="center" width="90">名称</td> 
            <td align="center" width="90">起度(吨/度/方)</td> 
            <td align="center" width="90">止度(吨/度/方)</td> 
            <td align="center" width="90">数量(吨/度/方)</td> 
            <td align="center" width="90">单价(元)</td> 
            <td align="center" width="90">附加金额(元)</td> 
            <td align="center" width="90">总金额(元)</td> 
        </tr> 
        <tr> 
            <td align="center">水</td> 
            <td id="a1" align="right"> </td> 
            <td id="a2" align="right"> </td> 
            <td id="a3" align="right"> </td> 
            <td id="a4" align="right"> </td> 
            <td id="a5" align="right"> </td> 
            <td id="a6" align="right"> </td> 
        </tr> 
        <tr> 
            <td align="center">电</td> 
            <td id="b1" align="right"> </td> 
            <td id="b2" align="right"> </td> 
            <td id="b3" align="right"> </td> 
            <td id="b4" align="right"> </td> 
            <td id="b5" align="right"> </td> 
            <td id="b6" align="right"> </td> 
        </tr> 
        <tr> 
            <td align="center">气</td> 
            <td id="c1" align="right"> </td> 
            <td id="c2" align="right"> </td> 
            <td id="c3" align="right"> </td> 
            <td id="c4" align="right"> </td> 
            <td id="c5" align="right"> </td> 
            <td id="c6" align="right"> </td> 
        </tr> 
        <tr> 
            <td align="left" colspan="6"><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3Ewriteyearmonth()%3B%3C%2Fscript%3E">合计(元)</td> 
            <td id="hj" align="right"> </td> 
        </tr> 
    </tbody> 
</table>

</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%2F%2F%E8%AE%A1%E7%AE%97%E8%BE%93%E5%85%A5%E7%BB%93%E6%9E%9C%E5%88%B0TD%20%0D%0Afunction%20dosum()%20%0D%0A%7B%20%0D%0Avar%20sum1%2Csum2%2Csum3%2Csum4%3B%20%0D%0Avar%20sl1%2Csl2%2Csl3%3B%20%0D%0Asum1%3D0%3Bsum2%3D0%3Bsum3%3D0%3Bsum4%3D0%3B%20%0D%0Asl1%3D0%3Bsl2%3D0%3Bsl3%3D0%3B%20%0D%0Avar%20s1%2Cs2%2Cs3%2Cs4%2Cd1%2Cd2%2Cd3%2Cd4%2Cq1%2Cq2%2Cq3%2Cq4%3B%20%0D%0As1%3DparseFloat(document.all.s1.value)%3B%2F%2F%E5%8F%96%E5%80%BC%20%0D%0As2%3DparseFloat(document.all.s2.value)%3B%20%0D%0As3%3DparseFloat(document.all.s3.value)%3B%20%0D%0As4%3DparseFloat(document.all.s4.value)%3B%20%0D%0Ad1%3DparseFloat(document.all.d1.value)%3B%20%0D%0Ad2%3DparseFloat(document.all.d2.value)%3B%20%0D%0Ad3%3DparseFloat(document.all.d3.value)%3B%20%0D%0Ad4%3DparseFloat(document.all.d4.value)%3B%20%0D%0Aq1%3DparseFloat(document.all.q1.value)%3B%20%0D%0Aq2%3DparseFloat(document.all.q2.value)%3B%20%0D%0Aq3%3DparseFloat(document.all.q3.value)%3B%20%0D%0Aq4%3DparseFloat(document.all.q4.value)%3B%20%0D%0Asl1%3D(s2-s1)%3B%2F%2F%E6%95%B0%E9%87%8F%20%0D%0Asl2%3D(d2-d1)%3B%20%0D%0Asl3%3D(q2-q1)%3B%20%0D%0Asum1%3Dsl1*s3%2Bs4%3B%2F%2F%E9%87%91%E9%A2%9D%20%0D%0Asum2%3Dsl2*d3%2Bd4%3B%20%0D%0Asum3%3Dsl3*q3%2Bq4%3B%20%0D%0Asum4%3Dsum1%2Bsum2%2Bsum3%3B%20%0D%0A%2F%2F%E8%BE%93%E5%85%A5%E5%87%BA%E5%AF%B9%E5%BA%94TD%20%0D%0Adocument.all.a1.innerHTML%3Ds1%3B%20%0D%0Adocument.all.a2.innerHTML%3Ds2%3B%20%0D%0Adocument.all.a3.innerHTML%3Dsl1%3B%20%0D%0Adocument.all.a4.innerHTML%3Ds3%3B%20%0D%0Adocument.all.a5.innerHTML%3Ds4%3B%20%0D%0Adocument.all.a6.innerHTML%3Dsum1%3B%20%0D%0A%0D%0Adocument.all.b1.innerHTML%3Dd1%3B%20%0D%0Adocument.all.b2.innerHTML%3Dd2%3B%20%0D%0Adocument.all.b3.innerHTML%3Dsl2%3B%20%0D%0Adocument.all.b4.innerHTML%3Dd3%3B%20%0D%0Adocument.all.b5.innerHTML%3Dd4%3B%20%0D%0Adocument.all.b6.innerHTML%3Dsum2%3B%20%0D%0A%0D%0Adocument.all.c1.innerHTML%3Dq1%3B%20%0D%0Adocument.all.c2.innerHTML%3Dq2%3B%20%0D%0Adocument.all.c3.innerHTML%3Dsl3%3B%20%0D%0Adocument.all.c4.innerHTML%3Dq3%3B%20%0D%0Adocument.all.c5.innerHTML%3Dq4%3B%20%0D%0Adocument.all.c6.innerHTML%3Dsum3%3B%20%0D%0A%0D%0Adocument.all.hj.innerHTML%3Dsum4%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程