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 相关文章推荐
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
用js实现的页面关键字密度查询代码
Dec 27 Javascript
JavaScript面向对象之体会[总结]
Nov 13 Javascript
jQuery 常见学习网站与参考书
Nov 09 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
Oct 24 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
学习JavaScript设计模式之迭代器模式
Jan 19 Javascript
bootstrap手风琴制作方法详解
Jan 11 Javascript
jQuery插件zTree实现删除树子节点的方法示例
Mar 08 Javascript
js图片轮播插件的封装
Jul 21 Javascript
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
详解django模板与vue.js冲突问题
Jul 07 Javascript
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防CC攻击实现代码
2011/12/29 PHP
Yii CDBCriteria常用方法实例小结
2017/01/19 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
6个DIV 135或246间隔一秒轮番显示效果
2010/07/24 Javascript
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
由Javascript实现的页面日历
2011/11/04 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
vue实现商城购物车功能
2017/11/27 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
vue-cli脚手架的安装教程图解
2018/09/02 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
layui监听select变化,以及设置radio选中的方法
2019/09/24 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
Python基础之文件读取的讲解
2019/02/16 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
python 项目目录结构设置
2020/02/14 Python
python实现简单俄罗斯方块
2020/03/13 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
c语言常见笔试题总结
2016/09/05 面试题
支部书记四风问题对照检查材料
2014/10/04 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
学生上课迟到检讨书
2015/01/01 职场文书
学校财务管理制度
2015/08/04 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
浅谈Laravel中使用Slack进行异常通知
2021/05/29 PHP