我有带有链接的 html 页面，我想在其中将函数附加到他们的 onclick 事件。一种方法当然是：
<a href="save.php" onclick="save(); return false;" rel="save">Save</a>
但我知道这不是最佳做法。所以我等待window.onload，循环遍历链接并将保存功能附加到rel =“save”的链接。这样做的问题是它会等到整个页面完成加载，这可能是在链接显示和可点击之后的几秒钟。
那么还有其他方法可以做到这一点吗？避免在 html 中点击 onclick，但这样可以在呈现链接时立即工作。
【问题讨论】：
标签： javascript javascript-events event-handling
Internet Explorer 为
<script type="text/javascript" defer>
//- Run this code when the DOM parsing has completed
</script>
我在 Google 上快速搜索了“DOMContentLoaded defer”，发现以下页面可能会有所帮助：
http://tanny.ica.com/ica/tko/tkoblog.nsf/dx/domcontentloaded-event-for-browsers
【讨论】：
在您的情况下，您可以保持原样。坚持尽可能简单的事情，即使这不是一般的最佳实践。
【讨论】：
您可以尝试DOMContentLoaded 事件而不是load。 IE 还为脚本标签提供了 defer 属性，该属性会延迟执行，直到加载 DOM。如果这些对你不起作用，那么据我所知，你会被你提到的解决方案所困扰。
【讨论】：
我不知道这是否适合您的解决方案，但您可以在下面立即插入脚本，其中包含您需要更改的链接。这个脚本不会被包装在一个函数中，允许浏览器在看到它时立即执行它。效果是您可以在加载整个页面之前运行脚本，只更改正在运行的脚本上方存在的项目。 （如果您在脚本下方引用某些内容，它将失败。）
顺便说一句，这几乎肯定不是最佳做法，有些人可能会将其标记为最差做法。
【讨论】：
这个怎么样？
<a href="javascript:void(save());">Save</a>
注意：此解决方案要求用户启用 Javascript。不完全是最佳实践，但可能适合您的场景。
【讨论】：
这里的理想是使用 Unobtrusive Javascript 的思想。
这样，如果没有加载 Javascript，链接仍然会做一些事情。这是一个正确的链接，所以它会将用户引导到另一条内容？ - 这应该在没有 Javascript 的情况下工作。 如果链接上的功能只能使用 Javascript，您应该使用 Javascript 创建并将它们插入到 DOM 中（如果它们不存在，则它们不可点击...)。
（否则如何将点击事件委托给包装元素？这在元素完成之前有效吗？）
edit：哦，“保存”听起来很像它应该是表单中的按钮而不是链接。不过，Unobtrusive JS 的东西仍然适用。
【讨论】：