javascript - 在 JavaScript 代码中包含引号的 HTML 标记和引号

Question

我正在编写 JavaScript 代码，单击时将函数 getImage 分配为稍后应该显示在页面中的图像源。但是，引号给了我一个问题。

<img src="bill.jpg" class="captify" 
id="teamformat" alt="Bill Gates" onclick="getName('Bill Gates'); 
getMotto('Bill\'s motto'); 
getImage ('<img src=\"http://www.somepage.com/images/team/bill.jpg\"/>');" />

如何修复 getImage 函数中的引号？谢谢你。

Answer 1

通常，您不需要在单引号分隔的字符串中转义双引号：

getImage ('<img src="http://www.somepage.com/images/team/bill.jpg"/>');" />

类似地，getMotto可以改写为：

getMotto("Bill's motto"); 

您遇到了问题，因为您在单个属性中使用了两种引号样式 - 您那里的 JavaScript 太多了，您确实需要转义内部双引号（使用"）。

这两个都应该放在一个你附加点击事件的javascript函数中——不要直接把它们放在onclick事件处理程序中，这是不好的做法。

就像是：

function getDetailsForBill(){
     getName('Bill Gates'); 
     getMotto('Bill\'s motto'); 
     getImage ('<img src="http://www.somepage.com/images/team/bill.jpg" />');
}

制作onclick：

onclick="getDetailsForBill();"

尽管您确实应该注册一个事件侦听器，但使用addEventListener.

Answer 2

不要逃避它：

getImage ('<img src="http://www.somepage.com/images/team/bill.jpg"/>');" />