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

问题描述

我多次听说在HTML中使用JavaScript事件（如 onClick（））是一种不好的做法，因为它对语义不利。我想知道它的缺点以及如何修正以下代码？

 < a href =＃onclick =popup（'/ map /'，300,300，'map'）; return false;> link< / a> 
  

解决方案

您可能正在谈论不显眼的Javascript ，看起来像这样：

 < a href =＃id =someLink>链接< / a> 
  

与中央JavaScript文件中的逻辑看起来像这样：

  $（'＃someLink'）。click（function（）{
 popup（'/ map /'，300，300，'map'） ; 
返回false; 
}）; 
  

优点是

$ ul

行为（Javascript）与演示文稿（HTML）分离

不混合语言

您使用的是像jQuery这样的javascript框架可以为您处理大多数跨浏览器问题

您可以将行为一次性添加到大量HTML元素而无需重复代码

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>

解决方案

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

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

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

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

The advantages are

• behaviour (Javascript) is separated from presentation (HTML)
• no mixing of languages
• you're using a javascript framework like jQuery that can handle most cross-browser issues for you
• You can add behaviour to a lot of HTML elements at once without code duplication

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