为什么在 HTML 中使用 onClick() 是不好的做法? [英] Why is using onClick() in HTML a bad practice?

问题描述

我多次听说在 HTML 中使用 JavaScript 事件，例如 onClick() 是一种不好的做法，因为它不利于语义.我想知道有什么缺点以及如何修复以下代码?

I have heard many times that using JavaScript events, such as onClick(), in HTML is a bad practice, because it's not good for semantics. I would like to know what the downsides are and how to fix the following code?

<a href="#" onclick="popup('/map/', 300, 300, 'map'); return false;">link</a>

推荐答案

您可能在谈论 unobtrusive Javascript，看起来像这样:

You're probably talking about unobtrusive Javascript, which would look like this:

<a href="#" id="someLink">link</a>

中央 javascript 文件中的逻辑如下所示:

with the logic in a central javascript file looking something like this:

$('#someLink').click(function(){
    popup('/map/', 300, 300, 'map'); 
    return false;
});

优点是

• 行为 (Javascript) 与表示 (HTML) 分离
• 没有混合语言
• 您正在使用像 jQuery 这样的 javascript 框架，它可以为您处理大多数跨浏览器问题
• 您可以一次向大量 HTML 元素添加行为而无需重复代码

这篇关于为什么在 HTML 中使用 onClick() 是不好的做法?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！