javascript - 内联 Javascript 事件会降低网页加载性能吗？

Question

是否像下面这样内联 Javascript 代码:

<div onclick='javascript:some_function();'></div>

以任何方式增加网页的加载时间？

Answer 1

是的，确实如此。

浏览器必须为每个属性启动一个单独的 Javascript 解析器。

使用 attachEvent/addEventHandler 或更简单的 jQuery 将事件绑定(bind)到函数会更有效。

---

顺便说一句，您不应该在事件属性中使用 javascript:(除了您根本不应该使用事件属性这一事实之外)。这只是一个未使用的标签。
在 href 属性中，javascript: protocol 允许您创建执行 Javascript 的 URI。但是，事件属性采用一串 Javascript 代码，而不是 URI。