set iframe content and size

最新推荐文章于 2022-07-19 11:59:23 发布

原创最新推荐文章于 2022-07-19 11:59:23 发布 · 885 阅读

0 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用jQuery操作iframe的方法，包括清空和设置iframe的内容，并根据内容自动调整iframe的高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<iframe id="framePreview" src="about:blank" scrolling="no" frameborder="0" width="100%"></iframe>

// set iframe height = 0;
$("#framePreview").height(0);

// empty content in iframe.
$("#framePreview").contents().find('html').empty();

// set iframe content.
$("#framePreview").contents().find('html').html("your html text");

// get content height
var contentHeight = $("#framePreview").contents().find('html').height();

// set iframe height with content height.
$("#framePreview").height(contentHeight);