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 Content Sample

<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); 
}; 

.