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

时间:2013-01-12 12:19:17

标签: javascript html

我是javascript的新手,我的脚本出了问题。我正在尝试在从URL检索到数据后,将名为理想的变量显示为名为 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> -->

1 个答案:

答案 0 :(得分:0)

嗯,您定义变量的地方理想位于本地范围内,无法适应您的功能更新

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