Javascript 如何在onclick按钮属性中写入函数

Javascript 如何在onclick按钮属性中写入函数,javascript,onclick,click,Javascript,Onclick,Click,我试图直接在按钮的属性onclick中使用一个函数,但总是出现错误。 例如: 点击我 结果是: 未捕获的语法错误:意外标记( 无需将其设置为函数,只需列出以下语句: <button onclick="alert('hello');alert('hello 2');alert('hello 3');">Click me</button> 点击我 无需将其设置为函数,只需列出以下语句: <button onclick="alert('hello');alert('h

我试图直接在按钮的属性onclick中使用一个函数,但总是出现错误。 例如:

点击我
结果是:

未捕获的语法错误:意外标记(


无需将其设置为函数,只需列出以下语句:

<button onclick="alert('hello');alert('hello 2');alert('hello 3');">Click me</button>
点击我

无需将其设置为函数,只需列出以下语句:

<button onclick="alert('hello');alert('hello 2');alert('hello 3');">Click me</button>
点击我

下面的代码将允许您在onclick属性中添加函数

点击我


单击下面的“我”
代码将允许您在onclick属性中添加函数

点击我


单击我
您应该这样编写代码


单击我

您应该这样编写代码


单击我

如果您想在html文件中保存所有这些内容,可以执行类似操作


函数hello(){
警报(“你好”)
}
点击我

如果希望将所有这些内容都保存在html文件中,您可以执行类似操作


函数hello(){
警报(“你好”)
}
点击我

这只是一个例子,我有一个复杂的代码,在onclick中还有一个ajax调用,但错误总是一样的。你可以更新你的问题,以更好地反映你的特殊情况。不过。你为什么要使用内联函数?你可以使用许多其他模式。这只是一个例子,我也有一个复杂的代码onclick中有一个ajax调用,但错误总是相同的。您可以更新您的问题以更好地反映您的特殊情况。不过,为什么要使用内联函数?您可以使用许多其他模式。您所要做的只是定义一个函数,它无论如何都不会明显完成任何事情。只需调用代码即可您正在尝试调用:
onclick=“alert('hello')”
如果您想定义一个函数,请在JavaScript代码中单独这样做,只需在
onclick
中调用该函数(或者,更好的是,将其作为JavaScript代码的处理程序附加,这样您就不会在HTML中编写内嵌JavaScript)您所要做的只是定义一个函数,它无论如何都不会明显完成任何事情。只需调用您试图调用的代码:
onclick=“alert('hello')”
如果您想定义一个函数,请在JavaScript代码中单独定义,然后在
onclick
中调用该函数即可。(或者,更好的是,将其作为JavaScript代码中的处理程序附加,这样您就不用在HTML中编写内嵌JavaScript了。)