转义撇号

Question

我有这个简单的脚本：onclick='sharemusic("Say It Ain't So", "Weezer");'

由于“Ain't”上的撇号，它无法正常工作。如何在不影响代码功能的情况下转义撇号？

非常感谢！

Answer 1

我不愿意添加这个答案，因为所有其他答案都很好，并且对大多数人来说会更有用 - 通过回答基本问题：“如何在 HTML 属性中的 Javascript 中转义” - 这不会回答这个问题。

有些人会认为以下是一种解决方法，其他人会将其视为唯一合适的解决方案™。

摆脱打字机的撇号 - 尽管打字机在其复古的宏伟中既酷又时尚，但我们可以做得更好，甚至更老：回到正确的、一刀切的印刷撇号（AKA “卷曲撇号”）。

作为副作用，这也将解决转义问题：

onclick="sharemusic('Say It Ain’t So', 'Weezer');"

印刷者会很高兴，浏览器也会很高兴。好吧，只要您按照应有的方式使用 UTF-8 - 或包含印刷撇号的其他编码。 Unicode：U+2019，实体：’ 或 ’（是的，它与正确的单引号共享其代码点 - 但它仍然是“正确的”撇号）。

如 cmets 中所述，有各种库和 CMS/博客插件可帮助处理转换为正确的印刷符号（和其他印刷细节）。请参阅wp-Typography、smartypants（我认为这是此类东西的第一个实现——由 Markdown 的原作者 John Gruber 开发）、typogrify 等。

我不确定有什么（如果有的话）更新的替代方案，因为我很久以前就制作了自己的（非公开的，我必须承认）C# 实现。

Answer 2

如果你绝对必须为 JavaScript 转义它，而不是 HTML 实体，你可以用它的 Unicode 表示来编写它

"\u0027" // "'"
"Say It Ain\u0027t So" // "Say It Ain't So"

你可以通过 unicode 表示什么

"'".charCodeAt(0) // 39
   .toString(16)  // "27"
// So pad 27 to 4 digits, then prepend \u

在使用 HTML 时，最好使用MrJammin's answer 中建议的 HTML 实体，因为它位于 HTML 中，或者将其完全移出 HTML。否则，您将需要逃避所有可能导致问题的事情，例如& 到 \u0026 的所有实例，而不是简单地做一个更具可读性的 & 和其他引用样式相同。

Answer 3

您需要使用 HTML 实体，例如：

onclick="sharemusic("Say It Ain't So", "Weezer");"

但正如其他人所说，您可能不应该以这种方式绑定点击事件（将您的 JS 抽象到自己的文件中并使用addEventHandler）

Answer 4

这些都是非常好的答案，几乎完全取决于您的代码环境。

如果它是一次性的，其中值是硬编码的并且永远不会在页面之外使用，那么 Cobra_Fast 的解决方案是最快和最简单的。

如果您的数据是从外部或动态源输入的，但只会用于 HTML 显示，那么 matt3141 的解决方案可能最适合这种情况（即，存储数据以便准备显示页面。

如果您的数据来自外部来源并用于 HTML 演示以及在外部系统中使用，Paul S. answer 是迄今为止最便携的，因为 HTML 仅用于 HTML，并且会可能需要为外部系统翻译。 . .另一方面，Unicode 具有更广泛的跨技术支持。

此外，正如 Paul S. 所暗示的那样。 . .页面上 JS 值的任何额外“预处理”都可能导致需要添加额外的编码级别。 . .例如，" 变成 " 或 'Say It Ain\'t So' 变成 'Say It Ain\\'t So'（或者甚至是 'Say It Ain\\\\'t So'，如果事情真的很复杂的话）。

Answer 5

使用以下 HTML 实体。

onclick='sharemusic("Say It Ain't So", "Weezer");'

Answer 6

首先，按照标准的描述对属性使用双引号。

第二次将你的 JS 字符串放在单引号中，并用反斜杠转义多余的单引号。

onclick="sharemusic('Say It Ain\'t So', 'Weezer');"