Javascript onclick中的新函数

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

我想这样做：

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

你好，世界！

显然这不起作用

你知道我怎么做吗

如何“调用”新函数

---

我不能简单地在

-节点中定义它。

您不需要调用

函数。您可以直接使用Javascript代码。这被认为是不好的做法

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

Javascript

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

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


使用
addEventListener
可以从javascript绑定事件，而不是在HTML中内联（推荐的）：

HTML

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

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

更新了常规功能的版本，因为add listner增加了单击的唯一性

<button onclick="function_name() id="button">Some Text</button>

将此与if-else一起使用的典型示例



document.getElementById（'button'）。onclick=function（）{
如果（Calc.Input.value=''| | Calc.Input.value=='0'）{
window.alert（“请输入一个数字”）；
}否则{
document.getElementById（'button'）。值='Justera längd'；
}
返回false；
}
不建议在参数中写入函数。最好将它们写在单独的函数上，然后将其与上面听过的方法之一链接。您仍然可以使用下面的anonimous函数来执行示例中所述的操作：

<button onclick='(function(){
    alert("hello world");
    prompt("I am the Doctor","oh yeah");
})()'></button>


我们可以将其称为函数alsoWell..这只是一个示例-如果我想使用if/else怎么办？只需查看另一个答案@RUB3N for if-else casenpe-我没有通过
警报（'Hi'）
！：/我只是没有得到提示——没有发生，即使我删除了if/else。if（true）工作正常，但请参见答案，支持if-else Included您可以在任何函数中使用正常的自调用匿名函数

或立即调用函数表达式这是最好的方法，也是最推荐的方法

<button onclick='(function(){
    alert("hello world");
    prompt("I am the Doctor","oh yeah");
})()'></button>