使用js实现两点之间距离计算功能
来源:互联网 发布:python 支持中文 编辑:程序博客网 时间:2024/05/22 03:37
<script language="JavaScript">
<!--
function juli(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); // 计算两点之间的距离,并将结果返回表单元素
}
function IEMouseMove() {
document.test.x.value = window.event.x;
document.test.y.value = window.event.y;
document.onmousemove= IEMouseMove;
}
//-->
</script>
<center>
<form name=test onMousemove="IEMouseMove()">
<table border=0 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="juli(this.form)"></td>
</tr>
<tr>
<td colspan=4 align=center>X:<input type=text name=x size=5> Y:<input type=text name=y size=5> <input type=text name=answer size=20></td>
</tr>
</table>
</form>
</center>
<!--
function juli(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); // 计算两点之间的距离,并将结果返回表单元素
}
function IEMouseMove() {
document.test.x.value = window.event.x;
document.test.y.value = window.event.y;
document.onmousemove= IEMouseMove;
}
//-->
</script>
<center>
<form name=test onMousemove="IEMouseMove()">
<table border=0 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="juli(this.form)"></td>
</tr>
<tr>
<td colspan=4 align=center>X:<input type=text name=x size=5> Y:<input type=text name=y size=5> <input type=text name=answer size=20></td>
</tr>
</table>
</form>
</center>
- 使用js实现两点之间距离计算功能
- 利用JS实现的根据经纬度计算地球上两点之间的距离
- 利用JS实现的根据经纬度计算地球上两点之间的距离
- 利用JS实现的根据经纬度计算地球上两点之间的距离
- JS实现的根据经纬度计算地球上两点之间的距离
- 计算两点之间的距离
- 计算两点之间的距离
- 计算两点之间的距离
- 计算两点之间的距离
- 计算两点之间的距离
- 百度地图实现计算两点之间的距离
- 使用友元函数计算两点之间的距离
- 使用两点经纬度计算距离
- 根据经纬度计算两点之间的距离
- 根据经纬度计算两点之间的距离
- 根据坐标计算两点之间距离
- 百度地图如何计算两点之间距离
- php 根据经纬度计算两点之间距离
- Tomcat6性能调优 出现java.lang.OutOfMemoryError: PermGen space
- KC伺服舵机带参四方向Demo程序
- WebService CXF学习(入门篇1):CXF由来
- Linux 信号signal处理机制
- 学懂linux命令(1) linux很简单
- 使用js实现两点之间距离计算功能
- java JDBC通用dao
- 使用js实现大小写字母转换功能
- 两个类相互包含引用的问题--类前向声明
- WebService CXF学习(入门篇2):HelloWorld
- 自定义精灵类并为你的精灵设置攻击帧(指定开始帧)以及扩展Cocos2d源码的CCAnimation简化动画创建
- 【SSH】搭建
- java文件读取
- PHP多种序列化/反序列化的方法