JavaScript和DOM按钮事件处理



我最近看到这样的评论:

Please, Please 不要在HTML元素中放入JavaScript。这是草率的,不必要的,而且是一个需要处理的问题。

在这篇文章中。你隐姓埋名是什么意思?他(你)的意思是每个事件都应该在JavaScript/JQuery代码中手动连接(JQuery击中,因为我倾向于主要使用JavaScript,而不使用插件)?

最佳实践是否规定函数调用应该使用JavaScript例程附加,或者直接在标记中提供函数调用(不是连续的JavaScript字符串)更容易读,以便您知道与DOM元素直接相关的调用是什么,例如:

<button id="myButt" onclick="shake(myButt);" value="Shake it!" />

…还是我找错对象了?

有助于关注点分离设计原则的应用。HTML负责表示,JavaScript负责行为。简而言之,它有助于将编程逻辑与HTML解耦。

也是添加事件处理程序非常有用的一点

使用内联事件处理程序,JavaScript代码与HTML标记的分离非常差。现代浏览器提供了为页面元素注册事件处理程序的其他编程方式,允许您在网页生命周期内动态添加一个或多个处理程序。

对我来说,这可能归结为所讨论的页面的复杂性。如果它是一个较小的、简单的HTML页面,那么我真的认为使用内联函数来处理事件没有什么害处。当页面开始变得更大,有更多的活动部分时,在一个中心位置处理所有的js有一定的优势,这样您就可以简单地快速鸟瞰正在发生的事情,而不必解析一个大的源代码文件来找出函数在哪里被使用。Knockout js沿着这些路线工作,当页面开始变得非常复杂时,它变得非常方便使用。

相关内容

  • 没有找到相关文章

最新更新