这里的语法是什么？

Question

我只是想知道哪些是正确的语法？

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

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

我觉得我已经在某处读过这两种格式，而我只是想知道哪种格式是正确的？ 谢谢！

Answer 1

第一个例子是无效的HTML。 <* 1}个字符不允许使用不带引号的属性值。

第二个例子是无效的JavaScript。字符串必须与"或'分隔，而不是"

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

`

现代JavaScript（与20世纪90年代后期风格的JavaScript相反）将使用JavaScript来绑定事件处理程序。

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

与

<input type="button">

将class和/或id属性添加到输入中，并根据需要将更具体的选择器传递给function myFunction(event) { alert("Hi"); } document.querySelector('input').addEventListener('click', myFunction); 。