javascript document.write在引号内使用引号

Question

我有一行HTML ...

<li><a href="#"><img src="img/myLogos/myLogo1.png" alt=""  /></a></li>

我有这个功能来打印它

function drawAccounts(){
document.write("<li><a href="#"><img src="img/myLogos/myLogo1.png" alt=""  /></a></li>");}

我可以获取要绘制的列表项，但不能获取图像或alt标记

我已尝试过“和＆amp; qout;但没有任何改变

我还应该尝试传递这些字符串吗？会解析每个引用帮助吗？

Answer 1

使用这样的单引号：

function drawAccounts(){
    document.write('<li><a href="#"><img src="img/myLogos/myLogo1.png" alt=""  /></a></li>');
}

Answer 2

如果您需要在JavaScript中的字符串中打印引号，您可以随时在单引号和双引号之间切换：

var myString = "Hey it's sunny outside!";

这是带有转义引号的版本：

var str = "<li><a href=\"#\"><img src=\"img/myLogos/myLogo1.png\" alt=\"\"/></a></li>";

Answer 3

有一些解决方案，你可以使用单引号 -

document.write("<li><a href='#'><img src='img/myLogos/'"
  + "'myLogo1.png' alt=''  /></a></li>");

你可以逃避你的报价，

document.write("<li><a href=\"#\"><img src=\"img/myLogos/"
  + "myLogo1.png\" alt=\"\"  /></a></li>");

您还可以切换引号的顺序，

document.write('<li><a href="#"><img src="img/myLogos/'
  + 'myLogo1.png" alt=""  /></a></li>');

你也可以逃避单引号，

document.write('<li><a href=\'#\'><img src=\'img/myLogos/'
  + 'myLogo1.png\' alt=\'\'  /></a></li>');