Question

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

我试图使HTML5 button元素在单击时执行简单的 alert 功能。但是，使用以下代码，该按钮将无效。

     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

有一点错字。将onlick更改为on c lick

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>

HTML5按钮onClick功能

8 个答案: