javascript - 从 JavaScript 中的 URL 检索后无法显示变量值

Question

我是 JavaScript 新手，我的脚本有问题。我试图在从 URL 检索数据后将名为 ideal 的变量显示为名为 weight 的 id，但它不起作用。谁能帮我解决这个问题，我真的很感激......

这是 JavaScript 代码

<script>
    function formSubmit()
    {
        document.getElementById("frm1").submit();
        var x = document.getElementById("frm1");

    }
    function getUrlVars() {
            var vars = {};
            var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
            vars[key] = value;
        });
        return vars;
    }

    var first = getUrlVars()["height"];
    if(first<100){
        alert("Sorry, your height is not available");
    }else{
        var ideal = ((first-100)-(0.1*(first-100)));
        //alert(ideal); 
    }
    function update(){
        document.getElementById("weight").innerHTML=ideal;

    }

    </script>
</head>

这是 HTML

<!-- <div id="pg1" data-role="page">
        <div data-role="content" style="background-color: whitesmoke; height: 480px;">
    <div class="ui-grid-b">
                <div class="ui-block-a"></div>
                <div class="ui-block-b" style="padding-top: 100px;">
                    <center> <h1></h1></center>
                    <center><h4></h4></center>
                    <form id="frm1">
                    <label for="txt_val"></label>
                    <input type="text" name="height" id="txt_val" value=""  placeholder="160.5" required/>
                    <center><a href="#" data-inline="true" data-role="button" onclick="formSubmit()"></a></center>
                    <p id="weight" onclick="update()"></p>
                    </form>

                </div>
                <div class="ui-block-c"></div>
            </div>

        </div> -->

Answer 1

好吧，您定义变量ideal的位置位于本地范围内，无法适应您的函数update。

您可以在全局变量first之后定义它，并在当前位置为其赋值。