<SCRIPT LANGUAGE="JavaScript">
function distance(form) {
<!--從form的表單中分別提取兩個點的橫、縱坐標-->
var x1 = eval(form.x1.value);<!--第一個點的橫坐標-->
var y1 = eval(form.y1.value);<!--第一個點的縱坐標-->
var x2 = eval(form.x2.value);<!--第二個點的橫坐標-->
var y2 = eval(form.y2.value);<!--第二個點的縱坐標-->
var xdiff = x2 - x1;<!--計算兩個點的橫坐標之差-->
var ydiff = y2 - y1;<!--計算兩個點的縱坐標之差-->
form.answer.value = Math.pow((xdiff * xdiff + ydiff * ydiff), 0.5);<!--計算兩點之間的距離，并將結(jié)果返回表單元素-->
}
</script>
<center>
<form>
<table border=3 cellspacing=2 cellpadding=5>
<tr>
<td colspan=4 align=center>計算平面兩點之間的距離</td>
</tr>
<tr>
<td colspan=2 align=center>A點</td>
<td colspan=2 align=center>B點</td>
</tr>
<tr>
<td align=center>A點橫坐標</td>
<td align=center>A點縱坐標</td>
<td align=center>B點橫坐標</td>
<td align=center>B點縱坐標</td>
</tr>
<tr>
<td align=center><input type=text name=x1 size=5></td>
<td align=center><input type=text name=y1 size=5></td>
<td align=center><input type=text name=x2 size=5></td>
<td align=center><input type=text name=y2 size=5></td>
</tr>
<tr>
<td colspan=4 align=center><input type=button value="計算距離" onClick="distance(this.form)"></td>
</tr>
<tr>
<td colspan=4 align=center><input type=text name=answer size=20></td>
</tr>
</table>
</form>
</center>



<!--本例程實現(xiàn)了兩個點的距離的計算-->
<!--表單的交互-->
<!--相關(guān)數(shù)學(xué)函數(shù)的調(diào)用-->