`
yingyingol
  • 浏览: 745745 次
文章分类
社区版块
存档分类
最新评论

给出两个点的座标可计算出两点间直线距离

 
阅读更多

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<SCRIPTLANGUAGE="JavaScript">
<!--Begin
functiondistance(form){
varx1=eval(form.x1.value);
vary1=eval(form.y1.value);
varx2=eval(form.x2.value);
vary2=eval(form.y2.value);
varxdiff=x2-x1;
varydiff=y2-y1;
form.answer.value=Math.pow((xdiff*xdiff+ydiff*ydiff),0.5);
}
//End-->
</script>


第二步：把如下代码加入到<body>区域中

<center>
<form>
<tableborder=3cellspacing=2cellpadding=5>
<tr>
<tdcolspan=4align=centerheight="18">求两点的直线距离</td>
</tr>
<tr>
<tdcolspan=2align=center>点A座标</td>
<tdcolspan=2align=center>点B座标</td>
</tr>
<tr>
<tdalign=center>X轴</td>
<tdalign=center>Y轴</td>
<tdalign=center>X轴</td>
<tdalign=center>Y轴</td>
</tr>
<tr>
<tdalign=center><inputtype=textname=x1size=5></td>
<tdalign=center><inputtype=textname=y1size=5></td>
<tdalign=center><inputtype=textname=x2size=5></td>
<tdalign=center><inputtype=textname=y2size=5></td>
</tr>
<tr>
<tdcolspan=4align=center>
<inputtype=buttonvalue="得到结果"onClick="distance(this.form)">
</td>
</tr>
<tr>
<tdcolspan=4align=center><inputtype=textname=answersize=20></td>
</tr>
</table>
</form>
</center>

分享到：
| 封装与信息的隐藏
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics