1. 程式人生 > >js使用轉義符技巧輸出HTML

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;