当高度和宽度未知时,提供嵌入代码

时间:2014-03-22 19:40:51

标签: javascript html embed

我有一个允许用户列出/添加内容的网站。图像主要是。

我想为他们列出/添加的内容提供嵌入服务,因此如果他们愿意,他们可以将自己的内容包含在他们自己的页面/博客中。

问题如何解决iframe的高度和宽度问题?

我想提供100%的宽度设置,因此无论他们将代码添加到哪个容器,它都适合(页面中有大小代码,因此对齐/图像大小调整等就可以了)

我还希望高度为其嵌入内容的100%。

所以使用这样的东西:

<script type='text/javascript' charset='utf-8'>     
    var iframe = document.createElement('iframe');       
    document.body.appendChild(iframe);

    iframe.src = 'URL OF CONTENT';       
    iframe.width = 'How to say 100%';
    iframe.height = 'How to say overflow:auto';
</script>

有办法做到这一点吗?

0 个答案:

没有答案