欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS使用parseInt解析數(shù)字實(shí)現(xiàn)求和的方法

 更新時(shí)間：2015年08月05日 14:41:12   作者：皮蛋  
這篇文章主要介紹了JS使用parseInt解析數(shù)字實(shí)現(xiàn)求和的方法,涉及javascript表單元素值的獲取及parseInt解析轉(zhuǎn)換字符串為數(shù)字的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS使用parseInt解析數(shù)字實(shí)現(xiàn)求和的方法。分享給大家供大家參考。具體如下：

在網(wǎng)頁(yè)上使用JavaScript函數(shù)中的parseInt解析數(shù)字，并求和，有才吧，有空了研究一下。

運(yùn)行效果如下圖所示：

具體代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用parseInt解析數(shù)字，并求和</title>
<style> 
body{font:12px/1.5 arial;text-align:center;}
.f-text{width:50px;border:1px solid #ccc;background:#f0f0f0;font-family:inherit;padding:3px;}
span{color:green;padding-right:10px;font-weight:700;}
strong{padding:0 10px;}
</style>
<script type="text/javascript"> 
window.onload = function ()
{
 var aInput = document.getElementsByTagName("input");
 var aSpan = document.getElementsByTagName("span")[0];
 var i = 0;
 for (i = 0; i < aInput.length - 1; i++)
 {
  aInput[i].onkeyup = function ()
  {
   this.value = this.value.replace(/[^\d]/,"")
  } 
 }
 aInput[2].onclick = function ()
 {
  (aInput[0].value == "" || aInput[1].value == "") ?
  alert("請(qǐng)輸入數(shù)字！") :
  aSpan.innerHTML = parseInt(aInput[0].value) + parseInt(aInput[1].value);
 }
};
</script>
</head>
<body>
<input type="text" class="f-text" /><strong>+</strong><input type="text" class="f-text" /><strong>=</strong><span>?</span><input type="button" value="求和" />
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 微信小程序?qū)崿F(xiàn)聊天室

    微信小程序?qū)崿F(xiàn)聊天室

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-08-08
  • JS判斷數(shù)組里是否有重復(fù)元素的方法小結(jié)

    JS判斷數(shù)組里是否有重復(fù)元素的方法小結(jié)

    這篇文章主要介紹了JS判斷數(shù)組里是否有重復(fù)元素的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)數(shù)組重復(fù)元素判斷相關(guān)的遍歷、排序、遞歸等相關(guān)操作技巧,需要的朋友可以參考下
    2019-05-05
  • 微信小程序父子組件通信詳細(xì)介紹

    微信小程序父子組件通信詳細(xì)介紹

    這篇文章主要介紹了小程序中父子組件通信詳解，在父組件中，為子組件添加屬性數(shù)據(jù)，即可實(shí)現(xiàn)父組件向子組件通信，文章通過(guò)圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
    2022-11-11
  • JS實(shí)現(xiàn)多級(jí)菜單中當(dāng)前菜單不隨頁(yè)面跳轉(zhuǎn)樣式而發(fā)生變化

    JS實(shí)現(xiàn)多級(jí)菜單中當(dāng)前菜單不隨頁(yè)面跳轉(zhuǎn)樣式而發(fā)生變化

    本文介紹了JQuery巧妙實(shí)現(xiàn)多級(jí)菜單中當(dāng)前菜單不隨頁(yè)面跳轉(zhuǎn)樣式發(fā)生變化，實(shí)現(xiàn)方法非常簡(jiǎn)單，感興趣的朋友一起看看吧
    2017-05-05
  • JS實(shí)現(xiàn)文字放大效果的方法

    JS實(shí)現(xiàn)文字放大效果的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)文字放大效果的方法,實(shí)例分析了javascript鼠標(biāo)事件控制css樣式的技巧,需要的朋友可以參考下
    2015-03-03
  • 詳解TypeScript編譯TSX文件的方法

    詳解TypeScript編譯TSX文件的方法

    因?yàn)槭褂?nbsp;Cycle.js 的 Vite + TSX 所以想詳細(xì)的探索 TSX 在 TS 配置中的編譯情況,本文主要講解 tsconfig 和 tsx 編譯與配置,以常見(jiàn)的框架 PReact 的虛擬 DOM + TSX 組合、snabbdom + TSX 組合不同的配置以及編譯輸出
    2023-09-09
  • Javascript實(shí)現(xiàn)鼠標(biāo)框選操作 不是點(diǎn)擊選取

    Javascript實(shí)現(xiàn)鼠標(biāo)框選操作 不是點(diǎn)擊選取

    這篇文章主要介紹了Javascript實(shí)現(xiàn)鼠標(biāo)框選操作,不是點(diǎn)擊選取,利用鼠標(biāo)進(jìn)行框選，感興趣的小伙伴們可以參考一下
    2016-04-04
  • JavaScript繪制游戲地圖并且操控人物移動(dòng)

    JavaScript繪制游戲地圖并且操控人物移動(dòng)

    JavaScript開(kāi)發(fā)小游戲,目標(biāo)是使用JavaScript繪制簡(jiǎn)單的二維地圖,采用二維數(shù)組存儲(chǔ)地圖信息,使用表格繪制地圖,每個(gè)td單元格存儲(chǔ)數(shù)據(jù),使用JavaScript keyPress鍵盤事件監(jiān)聽(tīng)WASD鍵,按鍵觸發(fā)時(shí)人物做出相應(yīng)操作,人物下一步碰撞到障礙物,終止人物運(yùn)動(dòng)
    2023-10-10
  • javascript常用正則表達(dá)式匯總

    javascript常用正則表達(dá)式匯總

    本文給大家總結(jié)了一下常見(jiàn)的javascript檢驗(yàn)各種規(guī)則的代碼，通過(guò)正則表達(dá)式來(lái)實(shí)現(xiàn)，都是項(xiàng)目中經(jīng)常需要用到的，有需要的小伙伴可以參考下。
    2015-07-07
  • js判斷當(dāng)頁(yè)面無(wú)法回退時(shí)關(guān)閉網(wǎng)頁(yè)否則就history.go(-1)

    js判斷當(dāng)頁(yè)面無(wú)法回退時(shí)關(guān)閉網(wǎng)頁(yè)否則就history.go(-1)

    當(dāng)頁(yè)面沒(méi)有前驅(qū)歷史記錄時(shí)，點(diǎn)擊返回按鈕時(shí)直接關(guān)閉頁(yè)面，否則就退回到前一頁(yè)
    2014-08-08

最新評(píng)論