javascript加法运算的两种实现方法

发布时间:2020-04-01编辑:脚本学堂
本文介绍了javascript加法运算的两种方法,如何用好javascript 加法运算,通过本例你将掌握javascript编程中加法运算的相关知识。

javascript加法运算的例子:
 

复制代码 代码示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
    <title>javascript加法运算---www.jb200.com</title>      
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
    <meta http-equiv="description" content="this is my page">  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
      
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  
    <script type="text/javascript" src="./js/Demo01.js">  
    </script>  
    <script type="text/javascript">  
    //第一种加法运算的方法  
    function sum(oper){  
        var num1=document.getElementById("num1").value;  
        var num2=document.getElementById("num2").value;  
        var num3=eval(num1+oper+num2);  
        document.getElementById("num3").value=num3;  
          
          
    }  
    //第二种加法运算的方法  
    function sum1(){  
        var num1=document.getElementById("num1").value;  
        var num2=document.getElementById("num2").value;  
        if(isNaN(num1)){  
            alert("第一个输入框的格式不对,应该输入非字符类型的数");  
        }else{  
            if(isNaN(num2)){  
                alert("第二个输入框的格式不对,应该输入非字符类型的数");  
            }else{  
                var num11=parseInt(num1);  
                var num22=parseInt(num2);  
                var num3=num11+num22;  
                document.getElementById("num3").value=num3;  
            }  
        }  
          
    }  
    </script>  
  </head>  
    
  <body>  
  <input type="text" name="num1" id="num1">-<input type="text" name="num2" id="num2">  
<input type="button" value="=" onclick="sum('-')"> <!-- 第一种方法 -->  
   <!--  <input type="button" value="=" onclick="sum1()">--><!-- 第二种方法 -->  
  <input type="text" name="num3" id="num3">  
    
  </body>  
</html>