我多次听说在 HTML 中使用 JavaScript 事件(例如 onClick()
)是一种不好的做法,因为它不利于语义。我想知道缺点是什么以及如何修复以下代码?
<a href="#" onclick="popup('/map/', 300, 300, 'map'); return false;">link</a>
最佳答案
您可能在谈论 unobtrusive Javascript ,看起来像这样:
<a href="#" id="someLink">link</a>
中央 javascript 文件中的逻辑如下所示:
$('#someLink').click(function(){
popup('/map/', 300, 300, 'map');
return false;
});
优点是
- 行为 (Javascript) 与表示 (HTML) 分离
- 不混用多种语言
- 您正在使用 jQuery 等 javascript 框架,它可以为您处理大多数跨浏览器问题
- 您可以一次性向大量 HTML 元素添加行为,而无需重复代码
关于javascript - 为什么在 HTML 中使用 onClick() 是一种不好的做法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5871640/