javascript:带有特殊字符的alt属性

Question

这个问题已经有答案了:

已关闭 12 年前。

Possible Duplicate:
Alt attribute encoding with JavaScript

我似乎无法在 alt 标签中使用 javascript 分配特殊字符并让它们在任何浏览器中呈现。

没有 JavaScript，alt 标签中的特殊字符可以正常呈现 (Pepsi™):

<img id="pic" src="path/to/image.jpg" alt="Pepsi&trade;" />

但是，当通过 javascript 或 jquery 分配相同的值时，您会得到 (Coke ™ )。

$("#pic").attr("alt","Coke™")或image = document.getElementById('pic'); image.alt="Pepsi™"

此问题在chrome和IE6中存在；我没有尝试过其他浏览器。有什么想法吗？

Answer 1

首先，您应该将该文本放在“title”属性中，而不是“alt”属性中。 “alt”属性应包含当图像无法显示时要显示的文本。 “标题”属性提供渲染代理可以根据需要使用的解释性文本，而悬浮文本就是主要示例。使用您的示例，“alt”属性可能是“百事可乐 Logo ”，而“标题”将是花哨的值。 (在本例中没有太大区别，但重点是这两个属性的用途确实完全不同。)

如果您需要通过 Javascript 获取这些特殊字符，则必须提供带有 Javascript 转义的 Unicode 值，例如 \uNNNN，其中“NNNN”是十六进制数字。例如，我认为商标符号将是 "\u00AE" 作为 JavaScript 字符串。