如何在包含单引号和双引号的JavaScript变量中存储字符串？

Question

我需要创建一个变量来存储动态生成的HTML内容。从PHP返回的字符串中的html内容可能包含单引号或双引号。

html_content=<?=$string;?>;

字符串可能包含双引号，如下所示：

<span id="something">something else</span>

或者像这样的单引号：

<span id='something'>something else</span>

那么，怎样才能正确地将字符串保存在javascript中呢？我不能使用单引号或双引号。

Answer 1

您可以通过在输出之前在服务器端修改来保存这种字符串，如下所示：

html_content = "<?=addslashes($string);?>"

然后，在将其提供给JavaScript变量之前，方法addslashes($string)将在运行时转义任何双引号。

Answer 2

在存储字符串之前，您总是可以使用JavaScript's escape function来序列化它。这样就行了。

我认为这里更大的问题是，单引号实际上是无效的，因为您试图在id属性中使用它们的方式就是这样(根据HTML规范)。它总是必须是双引号。如果来自你的代码不在你的控制之下，那么你就无能为力了，它就是坏了；但是如果它在你的控制之下，你也应该修复它。

Answer 3

使用json_encode将PHP中的几乎所有变量传递给JavaScript。

html_content=<?=json_encode($string)?>;

对于字符串，它将自动添加引号和任何必要的转义。