js使用转义符技巧输出HTML

在工作中有时候我们需要使用js输出html代码，这通常会涉及一些标签、变量。  对于很长的html代码，为了让js具有较好的可读性，就需要在js里对html代码进行一定的拆分、拼接。

一般我们会这样写：

var div = document.getElementById("divc");var html = ""html += ""+ "<h1>"+ "<a href="javascript:;" onclick="\"alert('javascript')\"">DHTML innerHTML propery.</a>"+ "</h1>";div.innerHTML = html;

使用转义技巧可以这样写：

var div = document.getElementById("divc");var html = ""html += '<h1><a href="javascript:;" onclick="alert(\'javascript\')">DHTML innerHTML propery.</a></h1>';div.innerHTML = html;

利用转义符去掉回车。

注：引号嵌套时也是需要转义的。

在w3c手册中有所体现，请参阅“JavaScript 语句”中的“对代码行进行折行”。

对代码行进行折行，可以在文本字符串中使用反斜杠对代码行进行换行。正确写法：

document.write("Hello World!");

错误写法：

document.write ("Hello World!");