在Javascript中，从URL检索后无法显示变量值

Cannot display variable value after retrieve from URL in Javascript

本文关键字：显示 变量值 检索 URL Javascript      更新时间：2023-09-26

我是新的javascript，我有一个问题与我的脚本。我试图显示一个变量名为理想 id称为权重从URL检索数据后，但它没有工作。谁能帮我解决这个问题，我真的很感激。

下面是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> -->

好吧，你定义你的变量理想是在一个局部作用域，不能适应你的函数更新。

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

相关文章：