本博客介绍了一个简单的在线HTML计算器，用户只需输入两个数值，点击按钮即可获得它们的和。通过JavaScript实现，无需下载任何软件，操作便捷。
【显示效果：】**********************************************************************************************************************
【源代码：】**************************************************************************************************************************
<html>
<head>
<script language="javascript">
<!--
//定义两个数相加的函数
function add(){
var numb1=document.form1.num1.value;
var numb2=document.form1.num2.value;
var total=parseFloat(numb1)+parseFloat(numb2);
document.form1.total.value=total;
}
-->
</script>
<title>带脚本的html</title>
</head>
<body>
<form name="form1">
第一个数值：
<input name="num1"type="text" size="15" > <!--设计输入框-->
<br>
第二个数值：
<input name="num2"type="text" size="15" >
<br>
运算后结果：
<input name="total"type="text" size="15" >
<br>
<input type="button" onClick="add()" value="结果"> <!--调用函数add()-->/<!--设计按钮-->
</form>
</body>
</html>
【代码解析：】******************************************************************************************************
(1.)像c语言一样，javascript中也是先定义函数，在调用执行。基本格式如下：
function 函数名（参数列表）{
javascript语句；
}
其中，function是关键字。在javascript中，调用函数就单击某个按钮，然后执行某个函数的脚本代码，例如：
onClick="add()";
(2.)document.表单名.表单名元素.value，该语句用于获得表单元素的值。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
