JS 计算两点间的直线距离 - 青岛金鑫-java技术攻略嫁给我是你一生的赌注，我怎么忍心让你输？ - ITeye博客

`

jinyanhui2008

浏览: 313973 次
性别:
来自: 青岛

最近访客更多访客>>

wyl2317

chorar

xfworld

hiscaler

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

jinyanhui2008： hzq20100521 写道你好，我的需求这个有点不一样，我的 ...
spring 多数据库支持，动态切换数据库
hzq20100521：你好，我的需求这个有点不一样，我的是系统启动的时候是连接的默认 ...
spring 多数据库支持，动态切换数据库
lbxhappy：那如果tree.first()一开始就是最大的呢？是不是以后e ...
从bbs中看到的问题：从大量数据中取top100，整理的思路
programwyh： jinyanhui2008 写道programwyh 写道我用 ...
使用jasperreports制作报表（导出pdf excel html）
jinyanhui2008： programwyh 写道我用java程序写的运用Jasper ...
使用jasperreports制作报表（导出pdf excel html）

JS 计算两点间的直线距离

博客分类：

js

阅读更多

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

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

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function distance(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);
}
//  End -->
</script>


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

<center>
<form>
<table border=3 cellspacing=2 cellpadding=5>
<tr>
        <td colspan=4 align=center height="18">求两点的直线距离</td>
</tr>
<tr>
        <td colspan=2 align=center>点 A 座标</td>
        <td colspan=2 align=center>点 B 座标</td>
</tr>
<tr>
        <td align=center>X 轴</td>
        <td align=center>Y 轴</td>
        <td align=center>X 轴</td>
        <td align=center>Y 轴</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>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

分享到：

xampp常见问题处理 | NetBeans无法使用编码GBK安全地打开该文件

2013-01-08 13:31
浏览 2634
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

js 实现通过两点坐标计算直线距离: js 实现通过两点坐标计算直线距离! 值得下载看看!资源免费,大家分享!!

高德地图路径规划api，批量获取坐标点间的距离，驾车时间等: 高德地图路径规划api，批量获取坐标点间的距离，驾车时间等

根据经纬度计算地球上两点之间的距离js实现代码: 利用JS实现的根据经纬度计算地球上两点之间的距离最近用到了根据经纬度计算地球表面两点间距离的公式，然后就用JS实现了一下。计算地球表面两点间的距离大概有两种办法。第一种是默认地球是一个光滑的球面，然后...

Javascript计算两个marker之间的距离(Google Map V3): Google Map V3 javascript计算两个marker之间的距离做地图开发，最常用到的就是marker一些操作和交互。简单介绍一下，两个marker之间的距离计算。 google map api 很方便的只要是常用的基本上都有接口。 1.创建两...

利用java、js或mysql计算高德地图中两坐标之间的距离: 最近因为工作的需求，需要计算出高德地图中两个坐标的距离，通过查找相关资料发现了多种实现的方法，下面这篇文章主要给大家介绍了关于利用java、js或mysql计算高德地图中两坐标之间距离的相关资料，文中通过示例...

euclidean-distance:计算两个数组之间的欧几里得距离: 是欧氏空间中两点之间的直线距离。安装$ npm install compute-euclidean-distance 要在浏览器中使用，请使用。用法 var euclidean = require ( 'compute-euclidean-distance' ) ;欧几里得( x, y[, accessor] ) ...

manhattan-distance:计算两个数组之间的曼哈顿（城市街区）距离: 直线在坐标轴上的投影总和是（也称为直线距离、 L1距离、出租车距离或城市街区距离）。安装$ npm install compute-manhattan-distance 要在浏览器中使用，请使用。用法 var manhattan = require ( 'compute-...

程序天下:JavaScript实例自学手册: 14.21 通过两点坐标计算直线距离 14.22 随机抽取彩票 14.23 实时计算折扣 14.24 实用计算器 14.25 前面补0的方法第15章图形、图像的特效 15.1 图片变形效果 15.2 图像的翻转效果 15.3 图像的模糊效果 15.4 图像的...

《程序天下：JavaScript实例自学手册》光盘源码: 14.21 通过两点坐标计算直线距离 14.22 随机抽取彩票 14.23 实时计算折扣 14.24 实用计算器 14.25 前面补0的方法第15章图形、图像的特效 15.1 图片变形效果 15.2 图像的翻转效果 15.3 图像的模糊效果 15.4 图像的...

Leaflet.PolylineMeasure:单张插件可测量简单线和复杂多段线的距离: 计算方位角和距离时要考虑，这是地球上两点之间的最短路径。箭头指示直线的大圆距离的真正中点，而不是其光学中间点，该中间点因投影而有所不同，尤其是在高纬度地区。要完成绘制线条，只需双击，或单击最后一...

OCR:正交路由选路算法: 两点的曼哈顿距离 + 拐点数曼哈顿距离 : 起点(x1,y1) 终点(x2,y2) H=|x2-x1|+|y2-y1|A*算法 : 一种启发式静态路由选路算法公式表示为：f(n)=g(n)+h(n)其中，f(n) 是从初始状态经由状态n到目标状态的代价估计，g(n)是...

ruler:简单但强大的几何工具！: Number - 数值类型，表示坐标值、距离或索引Point - 表示一个点，其中 x 和 y 属性分别表示横坐标和纵坐标Line - 表示一条直线，给出过该直线的两个点 (x1, y1) 和 (x2, y2)，以及 dx = x2 - x1 和 dy = y2 - y1Arc ...

Global site tag (gtag.js) - Google Analytics