一尘不染

JavaScript为什么在HTML中使用onClick()是一种不好的做法?

javascript

我已经多次听到onClick()在HTML
中使用JavaScript事件(例如)是不正确的做法,因为它不利于语义。我想知道不利之处以及如何解决以下代码?

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

阅读 655

收藏
2020-04-23

共1个答案

一尘不染

您可能正在谈论简洁的Javascript,看起来像这样:

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

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

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

优点是

  • 行为(JavaScript)与表示(HTML)分开
  • 没有语言的混合
  • 您正在使用像jQuery这样的javascript框架,可以为您处理大多数跨浏览器问题
  • 您可以一次将行为添加到许多HTML元素中,而无需重复代码
2020-04-23