`
jinyanhui2008
  • 浏览: 312627 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

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>
 

 

 

 

分享到：
| NetBeans无法使用编码GBK安全地打开该文件
评论
发表评论

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

相关推荐

    js 实现 通过两点坐标计算直线距离

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

    根据经纬度计算地球上两点之间的距离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 ...

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