JS使用parseInt解析数字实现求和的方法


Posted in Javascript onAugust 05, 2015

本文实例讲述了JS使用parseInt解析数字实现求和的方法。分享给大家供大家参考。具体如下:

在网页上使用JavaScript函数中的parseInt解析数字,并求和,有才吧,有空了研究一下。

运行效果如下图所示:

JS使用parseInt解析数字实现求和的方法

具体代码如下:

<!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解析数字,并求和</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("请输入数字!") :
  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>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript sudoku 数独智力游戏生成代码
Mar 27 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
javascript椭圆旋转相册实现代码
Jan 16 Javascript
JS 添加网页桌面快捷方式的代码详细整理
Dec 27 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
node.js中的fs.appendFile方法使用说明
Dec 17 Javascript
使用Sticker.js实现贴纸效果
Jan 28 Javascript
jquery插件jSignature实现手动签名
May 04 Javascript
bootstrap select下拉搜索插件使用方法详解
Nov 23 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
vue实力踩坑之push当前页无效
Apr 10 Vue.js
js绘制圆形和矩形的方法
Aug 05 #Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 #Javascript
JS版元素周期表实现方法
Aug 05 #Javascript
javascript实现手机震动API代码
Aug 05 #Javascript
JS实现生成会变大变小的圆环实例
Aug 05 #Javascript
JavaScript计算某一天是星期几的方法
Aug 05 #Javascript
JavaScript实现节点的删除与序号重建实例
Aug 05 #Javascript
You might like
PHP array_flip() 删除重复数组元素专用函数
2010/05/16 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
javascript入门基础之私有变量
2010/02/23 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
js style.display=block显示布局错乱问题的解决方法
2016/09/21 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
vue动态生成dom并且自动绑定事件
2017/04/19 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
JavaScript实现微信红包算法及问题解决方法
2018/04/26 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
详解小程序不同页面之间通讯的解决方案
2018/11/23 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
vue2路由基本用法实例分析
2020/03/06 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
宣传策划类求职信范文
2014/01/31 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
医学专业毕业生推荐信
2014/07/12 职场文书
人事行政主管岗位职责
2015/04/09 职场文书
开学第一周总结
2015/07/16 职场文书
导游词之镜泊湖
2019/12/09 职场文书
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript
pytest实现多进程与多线程运行超好用的插件
2022/07/15 Python