演示了三种情况下的运算,当然这里只是演示了 +  其实减,乘,除,都差不多,但是切记,只有加号可以用与连接字符串,别试图用减号等去操作字符串!!

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>简单运算/类型转换</title>
<script language="javascript">
function ABadd()
{//下面申明两个变量,并把文本框的值拿过来转换成整数类型交给变量
    var a=parseInt(document.add.inputa.value);
    var b=parseInt(document.add.inputb.value);
    //下面是把名称为C的文本框的值赋成 上面两变量相加的结果 
    document.add.c.value=a+b;
}
function FABadd()
{//这里大部分和上面的一样,只是转换成浮点类型数据的
    var fa=parseFloat(document.form1.fa.value);
    var fb=parseFloat(document.form1.fb.value);
    document.form1.fc.value=fa+fb;
}
function Tostr()
{
    var sa=document.str.sa.value;
    var sb=document.str.sb.value;
    document.str.sc.value= sa + sb ;
}
</script>
</head>

<body>
<form name="add">
  <p>演示一 : 在下面两个文本框里分别输入一个数字,看结果 </p>
  <p>
    <input type="text" name="inputa" />
    +
    <input type="text" name="inputb" onchange="ABadd()" /><!--本文本框输入完成后调用 ABadd()函数处理 -->
    =
    <input type="text" name="c" />
    </p>
</form>
<p>演示二:上面的演示有一个严重的问题,他都是转换成整数类型的,如果输入小数,也只能得出整数,这就导致了结果的不准确,下面演示则转换成了浮点型数据换句话说就是可以得到精确的小数位运算</p>
<form id="form1" name="form1">
  <input type="text" name="fa" />
  +
  <input type="text" name="fb" onchange="FABadd()" />
  =
  <input type="text" name="fc" />
</form>
<p>但是这里还是会有个问题,如果用户在里面输入的是字符呢?怎么办?那么请继续关注 <a href="http://thcjp.cnblogs.com">http://thcjp.cnblogs.com</a> 或者搜索 <a href="http://thcjp.cnblogs.com">天轰穿</a>我将会从JS到AJAX和ATLAS一直到.net(c#)与AJAX的整合出一系列的入门级实例教程</p>
<p>演示三 : 加号(+) 被用着连接符,这里他是不会当成算术运算符用的</p>
<form id="str" name="str" method="post" action="">
  <input name="sa" type="text" id="sa" />
  +
  <input name="sb" type="text" id="sb" onchange="Tostr()" />
  =
  <input name="sc" type="text" id="sc" />
</form>
<p>&nbsp; </p>
</body>
</html>

javascript入门·简单运算和数据类型转换相关推荐

  1. JavaScript入门(part5)--数据类型转换

    学习笔记,仅供参考,有错必纠 参考自:pink老师教案 文章目录 JavaScript入门 获取变量数据类型 数据类型转换 转换为字符串 转换为数字型 转换为布尔型 JavaScript入门 获取变量 ...

  2. 【数据类型转换、运算符、方法入门】

    day02 [数据类型转换.运算符.方法入门] 今日内容 数据类型转换 算数运算符 比较运算符 逻辑运算符 三元运算符 简单方法定义和调用 教学目标 理解数据类型的自动转换 [小转大] 理解数据类型的 ...

  3. JavaScript入门(part4)--简单数据类型

    学习笔记,仅供参考,有错必纠 参考自:pink老师教案 文章目录 JavaScript入门 简单数据类型 数字型number 数字型范围 数字型三个特殊值 函数isNaN 字符串型string 布尔型 ...

  4. JS 之 数据类型转换

          首先我们来简单了解一下JS中的数据类型,JavaScript拥有字符串.数字.布尔.数组.对象.Null.Undefiend 6中数据类型.同一时候,JavaScript拥有动态类型. 也 ...

  5. 前端JavaScript(1) --Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏...

    一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...

  6. python 全栈开发,Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)...

    一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...

  7. 数据类型(数据类型简介、数据类型的分类(简单数据类型,获取变量数据类型,数据类型转换))

    目录​​​​​​​ 数据类型 数据类型简介 为什么需要数据类型 变量的数据类型 数据类型的分类 简单数据类型 获取变量数据类型 数据类型转换 数据类型 数据类型简介 为什么需要数据类型 变量的数据类型 ...

  8. 解剖C语言---数据类型转换与数据运算集锦

    C语言学习笔记 之  数据类型转换与数据运算 一:数据类型转换 (1)自动转换(5+5.000000=?结果是10还是10.000000):发生在不同类型的数据混合运算时,由编译系统自动完成. 不同的 ...

  9. Java入门数据类型转换(羊驼)

    一.数据类型转换 1.隐式类型转换 从低级类型向高级类型的转换,系统将自动执行,程序员无须进行任何操作.这种类型的转换称为隐式类型转换. 代码实例如下 int x=50; //声明int的变量x fl ...

最新文章

  1. 解决ORA-28000: the account is locked
  2. 工资8000以下的程序员注意了:《零coding数据大屏实战宝典.pdf》
  3. DNS服务在网络中的应用
  4. PostgreSQL创建一个数据库
  5. 面试题:SSH 和 SSM 两个框架的浅显的区别?
  6. uva1331三角剖分
  7. redis学习笔记——应用场景
  8. 工作150:1、根据后台传值动态显示开关状态及文字说明(0为文字,1为图标)
  9. php设计模式之桥接模式
  10. python - 环境搭建
  11. 虚幻引擎4.3发布:支持 iOS 8 的 Metal 图形 API
  12. 【FFMPEG系列】之打印调试
  13. Android 递归删除文件和文件夹
  14. 设计模式入门-工厂模式
  15. C# this关键字(给底层类库扩展成员方法)
  16. silverlight 中缓存应用程序相应的库文件
  17. 完整的VBA代码宝助手(完全开源)
  18. 【年终总结】我的2015
  19. 关于springboot自动注入出现Consider defining a bean of type 'xxx' in your configuration问题解决方案...
  20. [树的直径 树形DP] UOJ #11【UTR #1】ydc的大树

热门文章

  1. 在SQL Server中如何获得刚插入一条新记录的自动ID号
  2. Radware安全研究团队发现了可摧毁不安全IoT设备的“Brickerbot”恶意软件
  3. Ubuntu 安装NVidia驱动
  4. 简单的批处理命令(一)
  5. 程序员从初级到中级10个秘诀 【转载】
  6. ASP.NET AJAX Client Library: 更繁?更简?
  7. Hyper-V 2016 系列教程12 Hyper-V 体系结构
  8. maven mvn Failed during checkstyle execution
  9. 关于键盘上方创建返回按钮
  10. 将中缀表达式转化为后缀表达式