这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JS 使用 parseInt 解析数字实现求和的方法, 涉及 javascript 表单元素值的获取及 parseInt 解析转换字符串为数字的技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
本文实例讲述了 JS 使用 parseInt 解析数字实现求和的方法。分享给大家供大家参考。具体如下:
在网页上使用 JavaScript 函数中的 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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0628/270109.html