HTML內容中的HTML

Question

如何在此場景中嵌入大型HTML標記？

$(document).ready(function() { 
      window.showim = function(src) { 
       $("#divcont1").html(src); 
      }; 
     }); 

而不是<h1>test</h1>我需要插入大量的HTML內容

<span class="spcusr" onclick="showim('<h1>test</h1>');">click me</span> 

     <div id="divcont1"></div> 

我大的HTML內容樣品

<div style="width:976px; height:576px; overflow:hidden; background-repeat:no-repeat; background-image:url(MASTER.jpg)"> 
<table style="cursor:pointer;"> 
    <tr height="144"> 
    <td width="485" onclick="window.location='#';">&nbsp;</td> 
    <td width="485" onclick="window.location='#';">&nbsp;</td> 
    </tr> 
    <tr height="144"> 
    <td onclick="window.location='#';">&nbsp;</td> 
    <td onclick="window.location='#';">&nbsp;</td> 
    </tr> 
    <tr height="144"> 
    <td onclick="window.location='#';">&nbsp;</td> 
    <td onclick="window.location='#';">&nbsp;</td> 
    </tr> 
    <tr height="144"> 
    <td onclick="window.location='#';">&nbsp;</td> 
    <td onclick="window.location='#';">&nbsp;</td> 
    </tr> 
</table> 
</div> 

我的主要問題是在雙引號和報價。 Beacuase onclick =「showim（'this started with single quotes and no more quotes allowed inside'）」;那麼，在這種情況下該怎麼辦？謝謝

Answer 1

你必須逃脫去比「和」更深的行情

這在這裏，可以幫助你： Escape quotes in JavaScript

Answer 2

在功能上做任何事情之前逃離報價

window.showim = function(src) { 
    src = src.replace(/'/g, "\'"); 
    src = src.replace(/"/g, '\"') 
    $("#divcont1").html(src); 
}; 

。