从HTML按钮调用函数

时间:2017-08-07 21:19:29

标签: javascript html function onclick

我想知道在这种情况下我做错了什么?我得到了这个HTML元素的按钮。当我点击它时,我希望函数push()被激活。不幸的是我的控制台说:

  

ReferenceError:未定义推送

在这种情况下,有人可以帮助我吗?非常感谢!

<button type="button" onclick=push()>Click Me!</button> 
<script type="text/javascript">
function push (){.....};
</script>

2 个答案:

答案 0 :(得分:9)

您可以将onclick=push()更改为onclick="push()"以使其正常工作!

此外,push函数体中可能存在错误,因为它无法编译 - 因此,错误。

答案 1 :(得分:-1)

你可以这样做:

如果你想只用一个按钮

来使用函数push(),你就可以这样做
<button type="button" id="clickme">Click Me!</button> 

<script type="text/javascript">

document.getElementById("clickme").addEventListener("click", function() {.....}

</script>

如果你想使用带有多个按钮的函数push(),

<button type="button" id="clickme">Click Me!</button> 

<script type="text/javascript">

document.getElementsByClassName("clickme").addEventListener("click", function() {.....}

</script>

优点:减少HTML 缺点:更多javascript