html坐标计算,JS代码如何实现通过两点坐标计算直线距离呢？

html xmlns=http://www。w3。org/1999/xhtml headtitle标题页-学无忧(www。xue51。com)/titlescript LANGUAGE=JavaScriptfunction distanceCAL(form) { var x1 = eval(form。

x1。value); //获取第一点的X坐标 var y1 = eval(form。y1。value); //获取第一点的Y坐标 var x2 = eval(form。x2。value); //获取第二点的X坐标 var y2 = eval(form。

y2。value); //获取第二点的Y坐标 var calX = x2 - x1; var calY = y2 - y1; form。result。value = Math。pow((calX *calX + calY * calY), 0。

5);}/script/headbody formtable border=3 cellspacing=2 cellpadding=5tr td colspan=4 align=center height=18 strongspan style=font-size: 14pt两点的直线距离/span/strong/td/trtr td colspan=2 align=center span style=color: #666666第一点的坐标/span/td td colspan=2 align=center span style=color: #999966第二点的坐标/span/td/trtr td align=centerX 轴/td td align=centerY 轴/td td align=centerX 轴/td td align=centerY 轴/td/trtrtd align=centerinput type=text name=x1 size=5/tdtd align=centerinput type=text name=y1 size=5/tdtd align=centerinput type=text name=x2 size=5/tdtd align=centerinput type=text name=y2 size=5/td/trtrtd colspan=4 align=centerinput type=button value=计算距离 onClick=distanceCAL(this。

form)input type=text name=result size=20/td/tr/table/form/body/html。

全部