转义标题中的单引号

Question

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

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

这里，不只是显示abc '' def子字符串。abc所以单引号后面的所有内容都被删除。

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

有这样的功能吗？

这是一把小提琴。

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' />");