javascript - 可以在内联 JavaScript 中使用 HTML 实体吗？

Question

我刚刚在一个尚未构建的网站上做了一些工作，并注意到 onClick 属性上内联使用了一些 JavaScript。

令人费解的是，JavaScript 看起来不应该工作，但它并没有出错。我认为它不起作用的原因是因为使用 HTML 实体代码而不是引号 ':'。

具体代码如下:

onClick="ga('send', 'event', { eventCategory: 'Place', eventAction: 'Book', eventLabel: 'Open'});"

我当然会改变这个，但是从技术上来说，这是可以接受的 JS 吗？

Answer 1

这段 Javascript 被嵌入到 HTML 中。浏览器将首先读取并处理 HTML，其中包括解码任何实体。然后它发现该 HTML 的部分内容是 Javascript，因此它将(此时已进行 HTML 解码的)Javascript 交给 Javascript 解释器进行解释。

这些实体应该被编码，因为它们嵌入在 HTML 中，所以您必须首先遵守 HTML 的语法。这是旧的引号内引号问题。 HTML 通过 HTML 实体解决了这个问题。