Question

我有以下html

<button type="button" class="btn btn-default btn-sl" clickcol>
<span ng-class="boolChangeClass?'glyphicon glyphicon-chevron-right':'glyphicon glyphicon-chevron-left'"></span>
</button>

你可以看到它有单引号和双引号，我对如何将它包含在我的javascript中感到困惑，因为将它包装在单引号或双引号中是行不通的，连接是唯一的方法吗？

Answer 1

使用JS编写DOM的最简单方法是使用单引号作为自己的字符串。在遇到更多单引号的情况下，您可以使用反斜杠字符来转义它们。

var html = '<button class="btn primary">Matt\'s Button</button>';

Answer 2

使用转义字符 - \

var x = '<button type="button" class="btn btn-default btn-sl" clickcol>';
x = x + '<span ng-class="boolChangeClass?\'glyphicon glyphicon-chevron-right\':\'glyphicon glyphicon-chevron-left\'"></span>';
x = x + '</button>';

编辑 - 如果您愿意，还可以创建一个多行字符串：

var x = '<button type="button" class="btn btn-default btn-sl" clickcol>\
<span ng-class="boolChangeClass?\'glyphicon glyphicon-chevron-right\':\'glyphicon glyphicon-chevron-left\'"></span>\
</button>';

Answer 3

您可以使用反斜杠在JavaScript中转义。你可以：

var x = "\"Hello,\" said the milkman.";

你的字符串将包含双引号。

Answer 4

使用\来转义与用于围绕代码的引用相等的引号：

alert("This is a \" test");

不包括\。

JsFiddle

Answer 5

只需转义引号并删除换行符：

var str = '<button type="button" class="btn btn-default btn-sl" clickcol><span ng-class="boolChangeClass?\'glyphicon glyphicon-chevron-right\':\'glyphicon glyphicon-chevron-left\'"></span></button>';

如何在javascript中将以下html包含为字符串

5 个答案:

JsFiddle