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 三种编解码方式
Feb 01 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
javascript正则表达式之search()用法实例
Jan 19 Javascript
javascript验证邮件地址和MX记录的方法
Jun 16 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
详解JavaScript 中的 replace 方法
Jan 01 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
AngularJs上传前预览图片的实例代码
Jan 20 Javascript
浅谈JS验证表单文本域输入空格的问题
Feb 14 Javascript
vue router路由嵌套不显示问题的解决方法
Jun 17 Javascript
极简主义法编写JavaScript类
Nov 02 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
Mar 13 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 日常开发小技巧
2009/09/23 PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
PHP实现绘制3D扇形统计图及图片缩放实例
2014/10/01 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
基于jQuery替换table中的内容并显示进度条的代码
2011/08/02 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
JavaScript返回网页中超链接数量的方法
2015/04/03 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
2015/10/01 Javascript
AngularJS  $on、$emit和$broadcast的使用
2016/09/05 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
JavaScript canvas实现文字时钟
2021/01/10 Javascript
python删除某个字符
2018/03/19 Python
python邮件发送smtplib使用详解
2020/06/16 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
Python实现简单层次聚类算法以及可视化
2019/03/18 Python
python爬虫之遍历单个域名
2019/11/20 Python
美国学校用品、教室和教学商店:Discount School Supply
2018/04/04 全球购物
瑞士领先的网上超市:LeShop.ch
2018/11/14 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
高中生期末评语大全
2014/01/28 职场文书
英语专业个人求职信范文
2014/02/01 职场文书
抄作业检讨书
2014/02/17 职场文书
小学语文业务学习材料
2014/06/02 职场文书
年终奖发放方案
2014/06/02 职场文书
2015年五四青年节演讲稿
2015/03/18 职场文书
自主招生英文自荐信
2015/03/25 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书
利用Python实时获取steam特惠游戏数据
2022/06/25 Python
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技