如何在div中将iframe显示为字符串

Question

我需要显示一个必须被视为文本而不是屏幕的iframe。有没有可能使用javascript或jquery实现它。

HTML

<div>
   <iframe></iframe>
</div>

Demo

Answer 1

您可以使用JQuery .text()

来完成此操作

var iframe = "<iframe></iframe>";
$(".test").text(iframe);

Fiddle

Answer 2

试试这个：使用.text()将iframe作为文本

HTML：

<div id="div1"></div>

jQuery的：

$(function(){
  $('#div1').text("<iframe></iframe>");
});

JSFIddle Demo

Answer 3

你可以转义iframe标签周围的括号，或者给div和id或类添加一个这样的脚本。

这意味着您可以将内容定义为标准html，并在加载时将其转换为文本

$('document').ready( function (){
   var div = $('#divAsText');
   div.text(div.html);
   div.html('');
}

唯一的缺点是它可能无法获取并转换iframe的内容