{"id":227,"date":"2026-03-30T16:36:39","date_gmt":"2026-03-30T08:36:39","guid":{"rendered":"http:\/\/47.100.88.125\/?page_id=227"},"modified":"2026-04-08T13:50:59","modified_gmt":"2026-04-08T05:50:59","slug":"bmi-%e8%ae%a1%e7%ae%97%e5%99%a8","status":"publish","type":"page","link":"https:\/\/www.05621997.xyz\/index.php\/tools\/bmi-%e8%ae%a1%e7%ae%97%e5%99%a8\/","title":{"rendered":"BMI \u8ba1\u7b97\u5668"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"227\" class=\"elementor elementor-227\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d964c7b e-con-full e-flex e-con e-parent\" data-id=\"d964c7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ab871d elementor-widget elementor-widget-heading\" data-id=\"6ab871d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BMI \u8ba1\u7b97\u5668<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36fd33d e-con-full e-flex e-con e-parent\" data-id=\"36fd33d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-611b1b4 elementor-widget elementor-widget-html\" data-id=\"611b1b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"bmi-meter-container\">\r\n    <div class=\"bmi-meter-group\">\r\n        <label class=\"bmi-meter-label\">\u8eab\u9ad8 (cm)<\/label>\r\n        <input type=\"number\" class=\"bmi-meter-input\" id=\"bmi-meter-height\" placeholder=\"\u8bf7\u8f93\u5165\u8eab\u9ad8\" min=\"50\" max=\"250\">\r\n    <\/div>\r\n    <div class=\"bmi-meter-group\">\r\n        <label class=\"bmi-meter-label\">\u4f53\u91cd (kg)<\/label>\r\n        <input type=\"number\" class=\"bmi-meter-input\" id=\"bmi-meter-weight\" placeholder=\"\u8bf7\u8f93\u5165\u4f53\u91cd\" min=\"10\" max=\"300\">\r\n    <\/div>\r\n    <div class=\"bmi-meter-result\" id=\"bmi-meter-result\" style=\"display: none;\">\r\n        <div class=\"bmi-meter-value\">\r\n            BMI \u6307\u6570\uff1a<span id=\"bmi-meter-number\">0<\/span>\r\n        <\/div>\r\n        <div class=\"bmi-meter-level\" id=\"bmi-meter-level\">\r\n            \u5065\u5eb7\u7b49\u7ea7\uff1a\u5f85\u8ba1\u7b97\r\n        <\/div>\r\n        <div class=\"bmi-meter-advice\" id=\"bmi-meter-advice\">\r\n            \u5065\u5eb7\u5efa\u8bae\uff1a\u8bf7\u8f93\u5165\u8eab\u9ad8\u4f53\u91cd\r\n        <\/div>\r\n    <\/div>\r\n    <button class=\"bmi-meter-reset\" id=\"bmi-meter-reset\">\u6e05\u7a7a\u91cd\u7f6e<\/button>\r\n<\/div>\r\n<style>\r\n.bmi-meter-title {\r\n    padding-top: 0 !important;\r\n    margin: 0 !important;\r\n    margin-bottom: 24px !important;\r\n    text-align: center;\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    color: #222;\r\n    line-height: 1.4;\r\n    width: 100%;\r\n    max-width: 480px;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n}\r\n.bmi-meter-container {\r\n    width: 100%;\r\n    max-width: 480px;\r\n    margin: 0 auto;\r\n    padding: 30px;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 12px;\r\n    background: #ffffff;\r\n    box-sizing: border-box;\r\n}\r\n.bmi-meter-group {\r\n    margin-bottom: 20px;\r\n}\r\n.bmi-meter-label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n.bmi-meter-input {\r\n    width: 100%;\r\n    padding: 12px 15px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 6px;\r\n    font-size: 16px;\r\n    outline: none;\r\n    transition: border-color 0.3s;\r\n    box-sizing: border-box;\r\n}\r\n.bmi-meter-input:focus {\r\n    border-color: #2563eb;\r\n}\r\n.bmi-meter-result {\r\n    padding: 20px;\r\n    border-radius: 8px;\r\n    background: #f8fafc;\r\n    margin: 25px 0;\r\n    line-height: 1.6;\r\n}\r\n.bmi-meter-value {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #2563eb;\r\n    margin-bottom: 8px;\r\n}\r\n.bmi-meter-level {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    margin-bottom: 8px;\r\n}\r\n.bmi-meter-advice {\r\n    font-size: 14px;\r\n    color: #64748b;\r\n}\r\n.bmi-meter-reset {\r\n    width: 100%;\r\n    padding: 12px;\r\n    background: #64748b;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 6px;\r\n    font-size: 15px;\r\n    cursor: pointer;\r\n    transition: background 0.3s;\r\n}\r\n.bmi-meter-reset:hover {\r\n    background: #475569;\r\n}\r\n<\/style>\r\n<script>\r\nconst bmiMeterHeight = document.getElementById('bmi-meter-height');\r\nconst bmiMeterWeight = document.getElementById('bmi-meter-weight');\r\nconst bmiMeterResult = document.getElementById('bmi-meter-result');\r\nconst bmiMeterNumber = document.getElementById('bmi-meter-number');\r\nconst bmiMeterLevel = document.getElementById('bmi-meter-level');\r\nconst bmiMeterAdvice = document.getElementById('bmi-meter-advice');\r\nconst bmiMeterReset = document.getElementById('bmi-meter-reset');\r\nfunction calculateBMI() {\r\n    const height = parseFloat(bmiMeterHeight.value);\r\n    const weight = parseFloat(bmiMeterWeight.value);\r\n    if (isNaN(height) || isNaN(weight) || height <= 0 || weight <= 0) {\r\n        bmiMeterResult.style.display = 'none';\r\n        return;\r\n    }\r\n    const heightM = height \/ 100;\r\n    const bmi = (weight \/ (heightM * heightM)).toFixed(1);\r\n    bmiMeterNumber.textContent = bmi;\r\n    let level, advice, levelColor;\r\n    if (bmi < 18.5) {\r\n        level = '\u504f\u7626';\r\n        levelColor = '#3b82f6';\r\n        advice = '\u5efa\u8bae\uff1a\u9002\u5f53\u589e\u52a0\u8425\u517b\u6444\u5165\uff0c\u4fdd\u6301\u5747\u8861\u996e\u98df\uff0c\u52a0\u5f3a\u529b\u91cf\u8bad\u7ec3\u3002';\r\n    } else if (bmi >= 18.5 && bmi < 24) {\r\n        level = '\u6b63\u5e38';\r\n        levelColor = '#10b981';\r\n        advice = '\u5efa\u8bae\uff1a\u606d\u559c\uff01\u4fdd\u6301\u5f53\u524d\u7684\u996e\u98df\u548c\u8fd0\u52a8\u4e60\u60ef\u5373\u53ef\u3002';\r\n    } else if (bmi >= 24 && bmi < 28) {\r\n        level = '\u8d85\u91cd';\r\n        levelColor = '#f59e0b';\r\n        advice = '\u5efa\u8bae\uff1a\u63a7\u5236\u9ad8\u70ed\u91cf\u98df\u7269\u6444\u5165\uff0c\u589e\u52a0\u6709\u6c27\u8fd0\u52a8\uff0c\u89c4\u5f8b\u4f5c\u606f\u3002';\r\n    } else {\r\n        level = '\u80a5\u80d6';\r\n        levelColor = '#ef4444';\r\n        advice = '\u5efa\u8bae\uff1a\u5efa\u8bae\u79d1\u5b66\u51cf\u8102\uff0c\u5408\u7406\u996e\u98df+\u575a\u6301\u8fd0\u52a8\uff0c\u5fc5\u8981\u65f6\u54a8\u8be2\u4e13\u4e1a\u4eba\u58eb\u3002';\r\n    }\r\n    bmiMeterLevel.textContent = `\u5065\u5eb7\u7b49\u7ea7\uff1a${level}`;\r\n    bmiMeterLevel.style.color = levelColor;\r\n    bmiMeterAdvice.textContent = `\u5065\u5eb7\u5efa\u8bae\uff1a${advice}`;\r\n    bmiMeterResult.style.display = 'block';\r\n}\r\nbmiMeterHeight.addEventListener('input', calculateBMI);\r\nbmiMeterWeight.addEventListener('input', calculateBMI);\r\nbmiMeterReset.addEventListener('click', () => {\r\n    bmiMeterHeight.value = '';\r\n    bmiMeterWeight.value = '';\r\n    bmiMeterResult.style.display = 'none';\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BMI \u8ba1\u7b97\u5668 \u8eab\u9ad8 (cm) \u4f53\u91cd (kg) BMI \u6307\u6570\uff1a0 \u5065\u5eb7\u7b49\u7ea7\uff1a\u5f85\u8ba1\u7b97 \u5065\u5eb7\u5efa\u8bae\uff1a\u8bf7\u8f93\u5165\u8eab\u9ad8\u4f53\u91cd \u6e05\u7a7a\u91cd\u7f6e<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":7,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":660,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/227\/revisions\/660"}],"up":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}