Question

我想将脚本中的变量调用到body。这是我的脚本代码。我想在html正文中使用rightanswers和wronganswers值。

GetFeedback = function (a) {
    if (a == CorrectAnswer) {
        rightanswers++;
    } else {
        wronganswers++;
    }
    lock = true;
}

Answer 1

您需要使用Document Object Modle。您可以使用不同的JavaScript方法创建元素并将其插入DOM。例如：

var element = document.createElement('p');
var body = document.body;
body.appendChild(element);

使用该代码创建一个元素，然后将其附加到正文中。这是纯粹的JavaScript。您可以使用Mootools或jQuery，这样可以更简单。但是JavaScript并不像PHP那样工作，你可以使用与HTML混合的变量。

如果你想从HTML触发函数，你需要将thtat函数绑定到一个事件。例如，点击链接即可。

HTML

<a href="#" id="button"> Click Here </a>

JS

var b = document.getElementById('button');
b.click = function(){
   GetFeedback();
}

Answer 2

您可以使用jquery更改页面上的html。

GetFeedback = function(a){
    if(a==CorrectAnswer){
        rightanswers++;
    }else{
        wronganswers++;
    }
    lock=true;
    $('p:first').html('Right Answers: '+rightanswers+' <br> Wrong Answers: '+wronganswers);
};

并将此作为您的HTML

<body>
<p></p>
<a href="javascript:GetFeedback(a);">Get Feedback</a>
</body>

Answer 3

请确保使用var 声明变量（我们无法在提供的代码中看到该变量）：

<script>
    var GetFeedback = function (a) {
        if (a == CorrectAnswer) {
            rightanswers++;

        } else {
            wronganswers++;
        }
        lock = true;
</script>

然后在您的HTML中，您可以使用这样的反馈（尽管如此，使用以下内容并不是一个好习惯，仅用于演示目的）：

<a href="#" onclick="javascript:GetFeedback();">Hello</a>

在html体中使用脚本变量

3 个答案: