javascript - 为子页面中的控件分配值

Question

我在 JavaScript 中创建了一个倒计时器函数，并且在正文标记 onload 事件中调用了该函数。但我的问题是我想在子页面标签中显示剩余时间。有没有办法从母版页分配子页中的控件？

这是函数

<script type="text/javascript">
    var tim;

    var min = 2;
    var sec = 0;

    function Timer() {
        if (min == 0 && sec == 0) {
            clearTimeout(tim);
            window.location.href = "Result.aspx";
        }
        else {
            if (sec < 1) {
                sec = 59;
                if (min > 0)
                    min = min - 1;
            }
            else
                sec = sec - 1;
            var mins = "", secs = "";
            if (min <= 9)
                mins = "0" + min;
            else
                mins = min;
            if (sec <= 9)
                secs = "0" + sec;
            else
                secs = sec;
            document.getElementById("lblTimer1").innerHTML = "Time Left : " + mins + " : " + secs;
            tim = setTimeout("Timer()", 1000);
        }
    }
</script>

我在 body onload 事件中调用 Timer()，lblTimer1 是子页面中的标签控件。 谢谢， 努森·高达

Answer 1

如果您确定不会遇到 ID 冲突，根据您的框架版本，最简单的方法是在标签上设置 ClientIDMode="Static"。然后您的代码应该可以工作。

如果不确定，您可以在标签上设置“timerLabel”的(唯一)实用程序 cssclass，然后在您的函数中设置:

document.getElementsByClassName("timerLabel")[0].innerHTML = "Time Left : " + mins + " : " + secs;