Javascript 这里的正确语法是什么？

我只是想知道哪一个是正确的语法

<input type = "button" onclick = alert("Hi")>

<input type = "button" onclick = "alert(‘Hi’)"> //this one?

//这个？

我觉得我在什么地方读过这两种格式，我只是想知道哪种格式是正确的？

---

谢谢

虽然不再建议绑定事件内联，但在该属性中，单引号和双引号的语法并不正确

这两种方法都是可以接受的（同样，使用onclick=”“attribs等属性是绑定事件的老方法）：

---

第一个例子是无效的HTML<代码>“不允许在不带引号的属性值中使用字符

第二个示例是无效的JavaScript。字符串必须用

'

或

“

分隔，而不是

`

语法正确的选项包括但不限于：

<input type="button" onclick="alert('Hi')">
<input type="button" onclick="alert(&quot;Hi&quot;)">
<input type="button" onclick='alert("Hi")'>

---

将class和/或id属性添加到输入中，并根据需要将更具体的选择器传递给

querySelector

。

我想说没有。内联javascript可用于执行XSS攻击。将此文件移动到一个文件中，并从中侦听单击事件。您正在哪个编辑器中编写代码？它必须是撇号（

'Hi'

），而不是

'Hi'

。你试过第二个了吗？第二个在语法上是正确的（除了

'

）。我同意，但我的书顺便谈到了这一点，他们有一些“审查问题”在这一章的结尾，我很想知道，因为他们没有很好地涵盖它！

<input id="mybutton" type="button">

function mybutton_function() {
    alert('hi');
}
var mybutton = document.getElementById('mybutton');
mybutton.addEventListener('click', mybutton_function, false);

<input type="button" onclick="alert('Hi')">
<input type="button" onclick="alert(&quot;Hi&quot;)">
<input type="button" onclick='alert("Hi")'>

<input type="button">

function myFunction(event) {
    alert("Hi");
}
document.querySelector('input').addEventListener('click', myFunction);