1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title></title>
  5.     <meta charset="utf-8" />
  6.     <style type="text/css">
  7.         *,body{
  8.             padding:0;
  9.             margin:0px;
  10.         } 
  12.         .inp{
  13.           width:60px;
  14.           height: 22px;
  15.           line-height: 22px;
  16.           font-size: 14px;
  17.         }
  18.         .btn{
  19.             width: 40px;
  20.             height: 22px;
  21.             line-height: 22px;
  22.             text-align: center;
  23.         }
  24.         #result{
  25.             margin-left: 20px;
  26.             font-size: 14px;
  27.         }
  28.     </style>
  29.     <script type="text/javascript">
  30.       function showCount(){
  31.           var a = document.getElementById("first").value;
  32.           var b = document.getElementById("second").value;
  33.           document.getElementById("result").innerText = parseInt(a) + parseInt(b);
  34.       }
  35.     </script>
  36.   </head>
  37.   <body>
  38.     <input type="text" class="inp" id="first" />
  39.     <span>+</span>
  40.     <input type="text" class="inp" id="second" />
  41.     <input type="button"  class="btn" value="计算" onclick="showCount()" />
  42.     <span id="result"></span>
  43. </body>
  44. </html>

2021-09-25_204621.jpg2021-09-25_204630.jpg

JavaScript parseInt() 函数

定义和用法

parseInt() 函数可解析一个字符串，并返回一个整数。

语法

parseInt(string, radix)

参数 描述
string 必需。要被解析的字符串。
radix
可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。

如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。

返回值

返回解析后的数字。

说明

当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。
举例，如果 string 以 “0x” 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

提示和注释

注释：只有字符串中的第一个数字会被返回。
注释：开头和结尾的空格是允许的。
提示：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。

实例

parseInt(“10”)； //返回 10
parseInt(“19”,10); //返回 19 (10+9)
parseInt(“11”,2); //返回 3 (2+1)
parseInt(“17”,8); //返回 15 (8+7)
parseInt(“1f”,16); //返回 31 (16+15)
parseInt(“010”); //未定：返回 10 或 8