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 相关文章推荐
JQuery里选择超链接的实现代码
May 22 Javascript
使用jQuery的attr方法来修改onclick值
Jul 07 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
JavaScript驾驭网页-获取网页元素
Mar 24 Javascript
卸载安装Node.js与npm过程详解
Aug 15 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
原生JS实现日历组件的示例代码
Sep 22 Javascript
深入理解react 组件类型及使用场景
Mar 07 Javascript
vue指令做滚动加载和监听等
May 26 Javascript
Vue内部渲染视图的方法
Sep 02 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
JavaScript实现模态对话框实例
Jan 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中常用字符串处理代码片段整理
2011/11/07 PHP
php生成百度sitemap站点地图类函数实例
2014/10/17 PHP
PHP数组操作类实例
2015/07/11 PHP
PHP getName()函数讲解
2019/02/03 PHP
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
js常用数组操作方法简明总结
2014/06/20 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
js获取css的各种样式并且设置他们的方法
2017/08/22 Javascript
vue2.0 根据状态值进行样式的改变展示方法
2018/03/13 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
2019/05/27 jQuery
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
微信小程序用户盒子、宫格列表的实现
2020/07/01 Javascript
[38:39]KG vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python的Flask框架中web表单的教程
2015/04/20 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
阿里云ECS服务器部署django的方法
2019/08/29 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
丹麦优惠购物网站:PLUSSHOP
2019/03/24 全球购物
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
物流管理专业大学生自荐信
2013/10/04 职场文书
葡萄牙语专业个人求职信
2013/12/10 职场文书
酒店人事专员岗位职责
2013/12/19 职场文书
趣味运动会活动方案
2014/02/12 职场文书
销售职业生涯规划范文
2014/03/14 职场文书
党员岗位承诺书
2014/03/25 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书