调用 Onclick 函数之前的新页面

【问题标题】：New Page before Onclick function is called调用 Onclick 函数之前的新页面
【发布时间】：2018-04-07 08:57:00
【问题描述】：

我实际上是在冒险并尝试使用内部存储一个临时变量，但是当用户单击按钮时，它会将它们带到下一页，然后才能调用 onclick 函数。我试过把onclick函数放在标签里面，还是不行。

<a href="Easy.html"><button type="button"  onclick="categoryOnClick() "id="answer0" class="buttonquestion">200</button></a>  

var tempscore = 0;
var currentscore = 0;

function categoryOnClick(){
    tempscore = parseInt(this.innerHTML);
}

【问题讨论】：

你知道点击<a>标签的作用吗？
Html anchor tag onclick() and href execute simultaneously的可能重复

标签： javascript html onclick href

【解决方案1】：

您可能需要传递上下文 this ，否则函数内部 this 将引用 window

锚标记内的按钮也不是有效的 HTML。button 不能嵌套在 a 标记内。请查看 here 了解更多信息

var tempscore = 0;
var currentscore = 0;

function categoryOnClick(elem) {
  console.log(elem)
  tempscore = parseInt(elem.innerHTML);
  console.log(tempscore)
}

<a href="Easy.html">
  <button type="button" onclick="categoryOnClick(this) " id="answer0" class="buttonquestion">200</button>
</a>

【讨论】：