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而你做需要逃避内在双引号（使用"）。

这两个都应该放在你附加click事件的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"/>');" />

包含引号的JavaScript代码中包含引号的HTML标记

2 个答案: