gpt4 book ai didi

javascript - onclick 属性与 eventListeners

转载 作者:太空狗 更新时间:2023-10-29 16:01:55 24 4
gpt4 key购买 nike

我正在重写我几年前创建的网站的代码,我想知道处理元素上的点击事件的最有效方法是什么?

我有一个带有编辑链接的项目列表,它们都是用 onclick="..." HTML 属性编写的。那样更好还是我应该使用 $.bind()addEventListener 来处理它?最佳做法是什么?

最佳答案

利用所谓的 unobtrusive javascript 被认为是最佳实践.这意味着您将 HTML 的布局与元素的行为分开。因此,您可以在标记中布局 DOM 结构,然后通过 javascript 附加事件处理程序,而不是使用混合元素结构和行为的 onclick 属性。

这意味着将 javascript 用于附加的事件处理程序被认为是最佳实践,如下所示:

<html>
<script>
... bind event handlers to your DOM and set behaviours here
</script>
<body>
.... layout your DOM here
</body>
<html>

这有利于长期代码的可维护性和可扩展性。这种方法非常适用于 javascript 库,例如 jQuery。

就性能而言,您可以通过使用智能缓存策略的不显眼的 javascript 方法来实现性能提升。

有关不显眼的 javascript 的更多信息,请参阅 here

关于javascript - onclick 属性与 eventListeners,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14552797/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com