0

我正在编写 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 函数中的引号？谢谢你。

4

2 回答 2

3

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

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

类似地，getMotto可以改写为：

getMotto("Bill's motto");

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

这两个都应该放在一个你附加点击事件的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.

于 2012-09-08T18:55:21.107 回答
0

不要逃避它：

getImage ('<img src="http://www.somepage.com/images/team/bill.jpg"/>');" />
于 2012-09-08T18:56:46.410 回答