长度转换器

---

了解如何使用 HTML 和 JavaScript 创建长度转换器。

---

长度转换器

在任何字段中键入一个值以在长度测量之间进行转换:

米 英尺 厘米 英寸 码 英里 公里

---

创建一个长度转换器

创建一个可以将值从一种长度测量值转换为另一种的输入元素。

步骤 1) 添加 HTML:

示例 - 英尺换算为米

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet"
  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">
</p>
<p>cm: <span id="outputMeters"></span></p>

---

第 2 步）添加 JavaScript:

示例 - 英尺到米

/* 当输入字段接收到输入时，将值从英尺转换为米 */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 0.0022046;
} 亲自试一试 »

---

---

从英尺转换为其他测量值

下表显示了如何从英尺转换为其他长度测量值:

描述	公式	例子
从英尺转换为米	m=ft/3.2808	测试一下
从英尺转换为英寸	in=ft*12	测试一下
从英尺转换为厘米	cm=ft/0.032808	测试一下
从英尺转换为码	yd=ft*0.33333	测试一下
从英尺转换为公里	km=ft/3280.8	测试一下
从英尺转换为英里	mi=ft*0.00018939	测试一下

---

从米转换为其他测量

下表显示了如何从米转换为其他长度测量:

描述	公式	例子
从米转换为英尺	ft=m*3.2808	测试一下
从米转换为英寸	in=m*39.370	测试一下
从米转换为厘米	cm=m/0.01	测试一下
从米转换为码	yd=m*1.0936	测试一下
从米转换为公里	km=m/1000	测试一下
从米转换为英里	mi=m*0.00062137	测试一下

---

从英寸转换为其他尺寸

下表显示了如何从英寸转换为其他长度测量值:

描述	公式	例子
从英寸转换为英尺	ft=in*0.083333	测试一下
从英寸转换为米	m=in/39.370	测试一下
从英寸转换为厘米	cm=in/0.39370	测试一下
从英寸转换为码	yd=in*0.027778	测试一下
从英寸转换为公里	km=in/39370	测试一下
从英寸转换为英里	mi=in*0.000015783	测试一下

---

从厘米转换为其他测量值

下表显示了如何从厘米转换为其他长度测量值:

描述	公式	例子
从厘米转换为英尺	ft=cm*0.032808	测试一下
从厘米转换为米	m=cm/100	测试一下
从厘米转换为英寸	in=cm*0.39370	测试一下
从厘米转换为码	yd=cm*0.010936	测试一下
从厘米转换为公里	km=cm/100000	测试一下
从厘米转换为英里	mi=cm*0.0000062137	测试一下

---

从码转换为其他度量

下表显示了如何从码转换为其他长度测量:

描述	公式	例子
从码转换为英尺	ft=yd*3	测试一下
从码转换为米	m=yd/1.0936	测试一下
从码转换为英寸	in=yd*36	测试一下
从码转换为厘米	cm=yd/0.010936	测试一下
从码转换为公里	km=yd/1093.6	测试一下
从码转换为英里	mi=yd*0.00056818	测试一下

---

从公里转换为其他度量

下表显示了如何从公里转换为其他长度测量:

描述	公式	例子
从公里转换为英尺	ft=km*3280.8	测试一下
从公里转换为米	m=km*1000	测试一下
从公里转换为英寸	in=km*39370	测试一下
从公里转换为厘米	cm=km*100000	测试一下
从公里转换为码	mi=km*1093.6	测试一下
从公里转换为英里	mi=km*0.62137	测试一下

---

从英里转换为其他测量值

下表显示了如何从英里转换为其他长度测量:

描述	公式	例子
从英里转换为英尺	ft=mi*5280	测试一下
从英里转换为米	m=mi/0.00062137	测试一下
从英里转换为英寸	in=mi*63360	测试一下
从英里转换为厘米	cm=mi/0.0000062137	测试一下
从英里转换为码	yd=mi*1760	测试一下
从英里转换为公里	km=mi/0.62137	测试一下

---