iframe源显示而不是内容本身

时间:2016-03-28 14:38:17

标签: javascript html iframe

呈现网页时,我使用html设置的javascript来源显示在网页上而不是内容本身。

如何显示iframe本身?

我已经从iframes收到了这些REST api的列表,并希望将它们填入div中。

html ..

<div id="1">

</div>

javascript ..

document.getElementById('1').innerHTML = '&lt;iframe class=\"embedly-embed\" src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2FTTmeaE6.mp4&amp;src_secure=1&amp;url=http%3A%2F%2Fi.imgur.com%2FTTmeaE6.gifv&amp;image=https%3A%2F%2Fi.imgur.com%2FTTmeaE6h.jpg&amp;key=2aa3c4d5f3de4f5b9120b660ad850dc9&amp;type=video%2Fmp4&amp;schema=imgur\" width=\"600\" height=\"338\" scrolling=\"no\" frameborder=\"0\" allowfullscreen&gt;&lt;/iframe&gt;';

https://jsfiddle.net/bobbyrne01/gj3ah3jw/

1 个答案:

答案 0 :(得分:2)

请使用以下代码代替您的代码

使用&lt;时遇到问题&安培; &GT; ..他们不需要转换成&amp; l t; ......

document.getElementById('1').innerHTML = '<frame class=\"embedly-embed\" src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2FTTmeaE6.mp4&amp;src_secure=1&amp;url=http%3A%2F%2Fi.imgur.com%2FTTmeaE6.gifv&amp;image=https%3A%2F%2Fi.imgur.com%2FTTmeaE6h.jpg&amp;key=2aa3c4d5f3de4f5b9120b660ad850dc9&amp;type=video%2Fmp4&amp;schema=imgur\" width=\"600\" height=\"338\" scrolling=\"no\" frameborder=\"0\" allowfullscreen><iframe>';