如何创建 - 重量转换器
了解如何使用 HTML 和 JavaScript 创建权重转换器。
重量转换器
在任何字段中键入一个值以在体重测量之间进行转换:
创建权重转换器
创建一个输入元素，可以将值从一种重量测量值转换为另一种。
步骤 1) 添加 HTML:
示例 - 磅换算为公斤
<p>
<label>Pounds</label>
<input id="inputPounds" type="number" placeholder="Pounds"
oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>Grams: <span id="outputGrams"></span></p>
第 2 步）添加 JavaScript:
示例 - 磅换算为公斤
/* 当输入字段接收到输入时，将值从磅转换为千克 */
function weightConverter(valNum) {
document.getElementById("outputGrams").innerHTML = valNum / 0.0022046;
}
亲自试一试 »
从磅转换为其他度量单位
下表显示了如何从磅转换为其他重量单位:
| 描述 | 公式 | 例子 |
|---|---|---|
| 从磅转换为千克 | kg=lb/2.2046 | 测试一下 |
| 从磅转换为盎司 | oz=lb*16 | 测试一下 |
| 从磅转换为克 | g=lb/0.0022046 | 测试一下 |
| 从磅转换为英石 | st=lb*0.071429 | 测试一下 |
从公斤转换为其他单位
下表显示了如何从公斤转换为其他重量单位:
| 描述 | 公式 | 例子 |
|---|---|---|
| 从公斤转换为磅 | lb=kg*2.2046 | 测试一下 |
| 从千克转换为盎司 | oz=kg*35.274 | 测试一下 |
| 从千克转换为克 | g=kg*1000 | 测试一下 |
| 从公斤转换为英石 | st=kg*0.1574 | 测试一下 |
从盎司转换为其他测量值
下表显示了如何从盎司转换为其他重量单位:
| 描述 | 公式 | 例子 |
|---|---|---|
| 从盎司转换为磅 | lb=oz*0.0625 | 测试一下 |
| 从盎司转换为千克 | kg=oz/35.274 | 测试一下 |
| 从盎司转换为克 | g=oz/0.035274 | 测试一下 |
| 从盎司转换为英石 | st=oz*0.0044643 | 测试一下 |
从克转换为其他度量
下表显示了如何从克转换为其他重量单位:
| 描述 | 公式 | 例子 |
|---|---|---|
| 从克转换为磅 | lb=g*0.0022046 | 测试一下 |
| 从克转换为千克 | kg=g/1000 | 测试一下 |
| 从克转换为盎司 | oz=g*0.035274 | 测试一下 |
| 从克转换为英石 | st=g*0.00015747 | 测试一下 |
从英石转换为其他测量值
下表显示了如何从英石转换为其他重量测量值:
| 描述 | 公式 | 例子 |
|---|---|---|
| 从英石转换为磅 | lb=st*14 | 测试一下 |
| 从英石转换为公斤 | kg=st/0.15747 | 测试一下 |
| 从英石转换为盎司 | oz=st*224 | 测试一下 |
| 从英石转换为克 | g=st/0.00015747 | 测试一下 |
