无法在按钮单击时预览 js 嵌入代码

Question

我要求用户将 js（以及任何）嵌入代码放入 textarea，例如以下js嵌入代码提交到textarea中

<script type='text/javascript' src='http://video.boston.cbslocal.com/global/video/videoplayer.js?rnd=275172;hostDomain=video.boston.cbslocal.com;playerWidth=320;playerHeight=240;isShowIcon=true;clipId=6326565;flvUri=;partnerclipid=;adTag=News;advertisingZone=CBS.BOSTON%252Fworldnowplayer;enableAds=true;landingPage=;islandingPageoverride=false;playerType=STANDARD_EMBEDDEDscript;controlsType=fixed'></script>

textarea 旁边有一个预览按钮，点击它我可以获取文本区域的内容并将其分配给隐藏的 div 'id_bm_embed_view_div'，然后显示这个 div，如下所示：

$('#id_bm_embed_view_div').html(textarea contet);
$('#id_bm_embed_view_div').show();

twitter 和 youtube 嵌入代码似乎工作正常，显示正确的预览，但我不明白 js 嵌入代码，我在这里缺少什么？

例如如果我输入以下嵌入代码，我将获得嵌入代码的正确预览

<!-- Generated by EmbeVi (http://www.embevi.com) -->  <object  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" type="application/x-shockwave-flash" width="425" height="344">  <param name="movie" value="http://www.youtube.com/v/R4j8p6zlFHs&f=videos&app=youtube_gdata" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="pluginspage" value="http://get.adobe.com/flashplayer/" />  <embed  type="application/x-shockwave-flash" src="http://www.youtube.com/v/R4j8p6zlFHs&f=videos&app=youtube_gdata" width="425" height="344" wmode="transparent" allowScriptAccess="always" pluginspage="http://get.adobe.com/flashplayer/" flashvars="" quality="high" allowfullscreen="true" loop="false" autoplay="false" autostart="false" scale="exactfit" align="middle" /> </object>

Answer 1

我认为您应该在提交的数据中转义任何/。 我试过这些例子：

$("div").html("<script type='text/javascript'>alert('hi');</script>");
// Simply put raw data in div

这不起作用。它在 div 中打印 ");。
但这有效：

$("div").html("<script type='text/javascript'>alert('hi');<\/script>");
// Note: <\/script>

希望对你有帮助。