用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>
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>
相关文章推荐
- 用javascript写的加法运算的两种方法
- JavaScript实现加法运算例子(2种方法)
- Javascript setInterval的两种调用方法
- JavaScript重定向URL参数的两种方法小结
- ASP.NET向Javascript传递变量两种实现方法
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- javascript两种禁止一个函数没有运行结束时就再次调用的方法
- javascript自定义startWith()和endWith()的两种方法
- Javascript 两种定义Function的方法
- JavaScript数组深拷贝和浅拷贝的两种方法
- Javascript setInterval的两种调用方法(实例讲解)
- javascript控制页面控件隐藏显示的两种方法
- javascript字符串转换成日期型的两种方法
- 在JavaScript中将JSON的字符串解析成JSON数据格式的两种方法
- 用JavaScript写Session的两种方法
- JavaScript控制CheckBoxList单选两种方法
- 鼠标经过图片时变换的两种方法--css+div及javascript应用
- Javascript下获取对象引用的两种方法之getElementsByTagName