javascript - onclick 中的新功能

Question

编辑:只是一个例子。我需要对 if/else 的支持

我想这样做:

<button onclick="function() {alert('Hi!');prompt('What can I do for you?', 'make a Sandwich');}">Hello World!</button>

显然这行不通。

你知道我该怎么做吗？

如何“调用”新函数？

我不能简单地在 <script></script> 中定义它-节点。

Answer 1

你不需要一个函数来调用。您可以直接使用 Javascript 代码。这被认为是不好的做法。

<button onclick="alert('Hi!'); prompt('What can I do for you?','make a Sandwich');">
    Hello World!
</button>

Demo

您还可以使用 function 作为事件处理程序，如下所示:

HTML

<button onclick="fnHandler();">
    Hello World!
</button>

Javascript

function fnHandler() {
    alert('Hi!');
    prompt('What can I do for you?','make a Sandwich');
}

Demo

使用 addEventListener，您可以从 javascript 绑定(bind)事件，而不是在 HTML 中内联(推荐):

HTML

<button id="myButton">
    Hello World!
</button>

Javascript

document.getElementById('myButton').addEventListener('click', function() {
    alert('Hi!');
    prompt('What can I do for you?','make a Sandwich');
});

Demo