HTML5 按钮点击功能

Question

我的代码非常简单，因为我只是在学习使用 JavaScript。

我试图让 HTML5 button元素在点击时执行一个简单的警报功能。 但是，使用以下代码，按钮什么也不做。

 function theFunction(){ alert("Hi there"); }

 <button type="button" onlick="theFunction()">Button</button>

Answer 1

它是onclick=func_name不是onlick

 function theFunction(){ alert("Hi there"); }

 <button type="button" onclick="theFunction()">Button</button>

Answer 2

但是请注意，HTML 不区分大小写。 由于它与客户端 JavaScript 的密切关联，这种差异可能会令人困惑。 许多 JavaScript 对象和属性与它们所代表的 HTML 标记和属性具有相同的名称。 虽然这些标签和属性名称可以在 HTML 中以任何情况输入，但在 JavaScript 中它们通常必须全部小写。 例如，HTML onclick 事件处理程序属性在 HTML 中通常指定为 onClick，但在 JavaScript 代码中必须将其称为 onclick。

 function theFunction(){ alert("Hi there"); }

 <button type="button" OnClick="theFunction()">Button</button>

Answer 3

你想念c ：

<button type="button" onlick="theFunction()">Button</button>
                     //^------------------ change to onclick

Answer 4

有一点错别字。 更改点击数到第C舔

Answer 5

只需将onlick更改为onclick

 function theFunction(){ alert("Hi there"); }

 <button type="button" onclick="theFunction()">Button</button>

Answer 6

应该是这样的：

 function theFunction(){ alert("Hi there"); }

 <button onclick="theFunction()">Click me</button>

Answer 7

您错误地将 onclick 写为 onlick。 这是 es6 示例代码。

<button type="button" onclick="clickFunction()">ClickME</button>

let clicka = clickFunction(() => 
 alert("Success")
);

Answer 8

您错过了 onclick 中的某些字符。

 function theFunction(){ alert("Hi there"); }

 <button type="button" onClick="theFunction()">Button</button>