如何逃避&来自动态生成的iframe

时间:2014-04-18 19:50:20

标签: javascript jquery html iframe

我正在生成iframe并将此生成的iframe代码放入文本字​​段中,以便用户可以复制和使用它。

首先在这里创建了 iframe:

<div id="iframecode">
   <iframe src="http://www.page.com/?arg1=A&arg2=B"> </iframe>
</div>

我喜欢这样的jquery:

var snippet = $('#iframecode').html();
snippet.replace('&','%26');  
$('#wsnippet').val(snippet);

并放在这里:

<textarea id="wsnippet"></textarea>

snipper仍在:

<iframe src="http://www.page.com/?arg1=A&amp;arg2=B"> </iframe>

但即使我编码&符号,它仍然以&amp;结束。如何编码,以便用户可以复制和粘贴并使用它?

2 个答案:

答案 0 :(得分:2)

用户可以复制并粘贴并使用它。 &amp;是HTML属性中&符号的正确编码。

答案 1 :(得分:1)

如果您不需要从div获取所有代码,并且只需获取src并手动创建iframe的代码,您可以执行以下操作:

var src = $('#iframecode iframe').attr('src');
var snippet = "<iframe src=\"" + src + "\"></iframe>";
$('#wsnippet').val(snippet);