我想将脚本中的变量调用到正文。这是我的脚本代码。我想在 html 正文中使用rightanswers
和值。wronganswers
GetFeedback = function (a) {
if (a == CorrectAnswer) {
rightanswers++;
} else {
wronganswers++;
}
lock = true;
}
我想将脚本中的变量调用到正文。这是我的脚本代码。我想在 html 正文中使用rightanswers
和值。wronganswers
GetFeedback = function (a) {
if (a == CorrectAnswer) {
rightanswers++;
} else {
wronganswers++;
}
lock = true;
}
您需要使用Document Object Modle
. 您可以使用不同的 JavaScript 方法来创建元素并将其插入 DOM。例如:
var element = document.createElement('p');
var body = document.body;
body.appendChild(element);
使用该代码创建一个元素,然后将其附加到正文中。那是纯 JavaScript。您可以使用Mootools
or jQuery
,而且它更简单。但是 JavaScript 不像 PHP 那样工作,例如,您可以将变量与 HTML 混合使用。
如果你想从 HTML 中触发函数,你需要将函数绑定到一个事件。例如,单击链接将是。
HTML
<a href="#" id="button"> Click Here </a>
JS
var b = document.getElementById('button');
b.click = function(){
GetFeedback();
}
您可以使用 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>
确保您通过以下方式声明变量(我们在提供的代码中看不到)var
:
<script>
var GetFeedback = function (a) {
if (a == CorrectAnswer) {
rightanswers++;
} else {
wronganswers++;
}
lock = true;
</script>
然后在您的 HTML 中,您可以使用这样的反馈(虽然,使用以下内容不是一个好习惯,它只是为了演示目的):
<a href="#" onclick="javascript:GetFeedback();">Hello</a>