[转]iframe自适应宽度高度

<iframe id="iframe" onLoad="AutoFit();" frameborder="0" scrolling="no" src="http://www.cnblogs.com">
</iframe>

JQuery代码:

function AutoFit() {
    var ifm = document.getElementById("iframe");
    var subWeb = document.frames ? document.frames["article_frame"].document : ifm.contentDocument;
    if (ifm != null && subWeb != null) {
    $("#iframe").css({ "width": subWeb.body.scrollWidth + "px" });
    $("#iframe").css({ "height": subWeb.body.scrollHeight + "px" });   } }
时间: 2024-10-12 19:06:47

[转]iframe自适应宽度高度的相关文章

iframe自适应宽度高度

html 1 <iframe src="index.html" id="iframepage" frameborder="0" scrolling="no" onLoad="iFrameHeight()"></iframe> script 1 <script> 2 function iFrameHeight() { 3 var ifm = document.getElem

jquery库实现iframe自适应内容高度和宽度

javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! ‍<iframe src="index.php" id="mainiframe" name="mainiframe" width="100%"   frameborder="0" scrolling="no" marginwidth="0" margi

iframe自适应内容高度

/***上传控件iframe自适应**/function iframeautoHeight(obj, frameObj) {    if (document.all) {        if (frameObj) {            obj.height = document.getElementById(frameObj).contentWindow.document.body.scrollHeight;            obj.width = document.getElemen

storyboard xib下label怎么自适应宽度高度

先看需求:两个Label,要求蓝色的label紧跟在红色的label文字后面  ok首选正常添加约束 红色的Label添加宽度,高度,左边,上边约束 蓝色的Label添加宽度,高度,左边,和红色的水平对齐(图片省略) 下面是最关键的步骤 下面是最关键的步骤 下面是最关键的步骤(重要的事情说三遍) 第一步: 第二步: 选完之后你会发现宽度约束变成虚线的了  这样就大功告成了,下面看效果吧 (初始化了红色label的text) 转载自:http://blog.csdn.net/klshuo/arti

iframe 自适应浏览器高度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

跨域下iframe自适应高度

最近在做一个需求,需求大致背景:页面中iframe嵌入另一家公司的列表页 博主的第一反应就是“very easy!”,so,挽起双袖开始敲代码 结果出现问题了,iframe跨域,无法获得内嵌页面的高度,因此出现的上下滚动条,so难看! 于是上网找大神,皇天不负有心人啊,终于找到了,激动之情无以言表.... 故事背景交代完毕 /******************************华丽的分割线,哈哈****************************/ 大神的例子大致是这样的: 假设ww

iframe自适应高度的问题

最近工作中遇到了iframe自适应高度的问题. 如果在iframe中写定高度height的属性,并且iframe中内容高度小于给定的height时,会在手机浏览器中莫名的产生下拉框,造成体验度下降. 但是如果不去设定height的属性,iframe的高度始终维持在150px,这样的话我们只能够通过js动态的去改变iframe的高度,实现iframe的高度自适应. 高度自适应的本质就是通过内容高度,去设定iframe高度. 然而因为iframe中内容的背景色不一定和父级页面的一致,所以我们在内容高

iframe 高度设置、iframe 自适应高度方法总结

谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe.如果iframe始终调用同一个固定高度的页面,我们直接写死iframe高度就可以了.而如果iframe要切换页面,或者被包含页面要做DOM动态操作,这时候,就需要程序去同步iframe高度和被包含页的实际高度了. 如果iframe的高度没有确定,那将是初始的高度.iframe是网页中的一部分,其大小还要受到网页的限制,设置最高可以使用height="100

网页制作技巧:iframe自适应高度

转自:http://www.enet.com.cn/article/2012/0620/A20120620126237.shtml 通过Google搜索iframe 自适应高度,结果5W多条,搜索iframe 高度自适应,结果2W多条. 我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的.而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如何做动态同步的问题.另外,在兼容性方面,也研究的不彻底. 这篇文章,希望在这两个方面再做一些深入. 可能有人还没接触到