rabbit Asked:2021-12-31 19:01:04 +0000 UTC2021-12-31 19:01:04 +0000 UTC 2021-12-31 19:01:04 +0000 UTC 标签内的javascript事件 772 我马上问你，请不要投反对票，因为我需要关于标签内的 js 事件声明的建议。我听到了很多支持者和反对者的意见。有人说在标签内声明事件不是一个好习惯，而另一方则相反。毕竟，在标签中声明事件的后果是什么？！ 像这样： <div onlick="fname()">...</div> 优缺点都有什么？谢谢你。 javascript 2 个回答 Voted LeXxyIT 2021-12-31T19:20:10Z2021-12-31T19:20:10Z 事实是“支持者和反对者的意见很多”。但总是值得关注“良好实践”。有一定的标准。比如PHP他PSR的。 一般来说，值得与 进行类比CSS。如果您可以将所有这些内容输出到单独目录中的单独文件中，则不应将样式内联（在标签内）。 即，<div style="border: 1px solid #ccc;">Content</div>。 与JavaScript. 不要用这样的插入污染代码。例如，按 ID、类或标签使用选择器。并且已经从脚本中紧贴 DOM 树的必要元素。 这样的代码更容易为自己和他人维护。代码的清晰和结构是开发人员专业水平的标志。 我建议您不要使用编写脚本和样式的内联方法。 Best Answer user347472 2021-12-31T19:27:12Z2021-12-31T19:27:12Z 在标签中声明事件的后果： 该脚本在 JS 中，并且来自该脚本的函数调用在 HTML 中。来回移动可能不方便，也不符合技术分离的思路。HTML 应该用于文档结构，而不是操作。 标签中只能写一个事件，两个 onClick 事件不能挂在一个标签上。在 JS 中，您可以使用element.addEventListener(). 通过将事件写入标签，您将失去使用 Event 类型的事件对象的能力，该对象提供附加功能。 您不能删除使用 HTML 写入标签中的事件。原来，如果有必要，你会通过JS删除。问题出现了，为什么它们没有添加到 JS 中的同一个地方。 通过 JS 克隆元素时，标签中写入的事件将被克隆，而通过 JS 添加事件克隆节点时不会发生这种情况。 一段 HTML 可用于不同的任务。例如，对其应用不同的脚本或多次使用它制作元素。写在标签中的事件会干扰或复杂化。
事实是“支持者和反对者的意见很多”。但总是值得关注“良好实践”。有一定的标准。比如
PHP他PSR的。一般来说，值得与 进行类比
CSS。如果您可以将所有这些内容输出到单独目录中的单独文件中，则不应将样式内联（在标签内）。即，
<div style="border: 1px solid #ccc;">Content</div>。与
JavaScript. 不要用这样的插入污染代码。例如，按 ID、类或标签使用选择器。并且已经从脚本中紧贴 DOM 树的必要元素。这样的代码更容易为自己和他人维护。代码的清晰和结构是开发人员专业水平的标志。
我建议您不要使用编写脚本和样式的内联方法。
在标签中声明事件的后果：
element.addEventListener().