javascript - 转义标题中的单引号

Question

我想在图像标题中包含一个带单引号的字符串。

myTitle = "abc '' def";
document.write("<img title='" + myTitle + "' src='http://www.example.com/image.png' />")

此处，仅显示子字符串 abc 而不是 abc '' def。所以单引号后的所有内容都被删除了。

由于标题实际上来自数据库，我不能只做\'，所以我需要在这里转义它title='"+ myTitle + "'.

有这个功能吗？

Here is a fiddle .

Answer 1

你可以使用双引号:

myTitle = "abc '' def";
document.write('<img title="' + myTitle + '" src="http://www.example.com/image.png" />');

或转义引号:

myTitle = "abc '' def";
document.write("<img title='" + myTitle.replace(/'/g, '&#39;') + "' src='http://www.example.com/image.png' />");