您的位置:首页 > Web前端 > JavaScript

用javascript写的加法运算的两种方法

2011-03-16 09:00 183 查看
用javascript写的加法运算的两种方法

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Demo01.html</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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: