javascript - Javascript 中的单引号、双引号和加号

Question

我的 JS 不太好。我尝试从这些代码修改 jQuery 插件:

aTag +=  " style='"+innerStyle+"'";
aTag += arrow + '<span>text here</span>';

这些代码:

//aTag +=  " style='"+innerStyle+"'";
aTag += arrow + '<span style="'+innerStyle+'">text here</span>';

基本上我想将innerStyle的内容从 anchor 标记移动到span标记。然而，在 Firebug 中，我在移动后看到了这个困惑:

<span blue;"="" solid="" 1px="" border:="" 25px;="" text-indent:="" transparent;="" -80px="" 5px="" scroll="" no-repeat="" image.png")="" images="" web="" 127.0.0.1="" http:="" style="background: url(">text</span>

为什么它在anchor标签中有效，但在span标签中无效？加号 (+) 有什么用？

Answer 1

+ 的作用与本例中的作用相同(连接文本)。这里的问题是第一个实例中生成的 HTML 如下所示:

style='some contents with a " symbol'

而在第二种情况下生成的是:

style="some contents with a " symbol"

...如您所见，它已损坏 - 将代码更改为:

aTag += arrow + "<span style='" + innerStyle + "'>text here</span>";

它会起作用。