`
Charles+java
  • 浏览: 177074 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

自适应改变iframe 的高度

阅读更多
自适应改变iframe 的高度

//iframe 的内容页面调用此方法 可以在onload 是调用如 ：<body onload="Resize()">
function Resize(){
var frame_name="iframeid";
var body_name="main";
if(parent.document.getElementById(frame_name)){
  return iframeResizeHeight(frame_name,body_name,0);
}
}

// 自动改变iframe 的高度
function iframeResizeHeight(frame_name,body_name,offset) {
parent.document.getElementById(frame_name).style.height=document.getElementById(body_name).offsetHeight+10+"px";

}
分享到：
| indow.frames["Iframe1"].document.locatio ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    Iframe自动根据类容改变自己的大小，解决Iframe设置高度后无法缩小！拜一个高人所赐，特表示感谢！

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能，其中包括： 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    iframe自适应子页面内容高度

    NULL 博文链接：https://gaochunhu.iteye.com/blog/2310699

    js控制iframe 自适应高度

    iframe自适应高度：根据屏幕的高度，自动增减。包括适应浏览器高度的改变。

    Iframe 自适应高度并实时监控高度变化的js代码

    不得不用到iframe，且被强烈要求不能让它出现滚动条！嵌入的页面肯定是高度不一的，页面中也不能出现大片空白，所以也不能写死高度！真是麻鬼烦啊！

    iframe-resizer-react:Iframe-Resizer的官方React界面

    iframe尺寸调整器React 该库是用于的官方React接口，该接口可自动调整相同和跨域iFrame的高度和宽度，以适应其包含的内容。 它提供了一系列功能来解决使用iFrame时最常见的问题，其中包括： 将iFrame的高度和宽度...

    自适应窗口大小，兼容各浏览器

    自适应窗口大小，兼容各浏览器,高度没有被限制，不会出现水平滚动条哦

    使用postMessage让 iframe自适应高度的方法示例

    所以，让iframe的宽高能根据自身内容自动改变，就成了一个必须要解决的问题。 使用HTML5中新定义的window.postMessage 可以实现跨window通信。 demo效果 演示地址: www.mixvjiezi.xyz/demo/iframe 我们要的效果如上...

    动态的改变IFrame的高度实现IFrame自动伸展适应高度

    动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件（比如Panel,Region,Tab等）增加AJAX...

    ExtAspNet_v2.3.2_dll

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件（比如Panel,Region,Tab等）增加AJAX...

    《程序天下：JavaScript实例自学手册》光盘源码

    5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉...

    程序天下:JavaScript实例自学手册

    5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉...

    超实用的jQuery代码段

    1.15 实现iframe高度自适应 1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类...

    KODExplorer 芒果云-资源管理器

    - 优化新建、重命名文件(夹) 高度自适应问题 - firefox ctrl+s 系统对话框屏蔽 - 树目录:收藏夹优化(右键绑定)；右键操作优化,拖拽优化（文件管理&编辑器） - 收藏夹优化（右键 &gt;编辑删除） ####update: **...

Magicbox
Global site tag (gtag.js) - Google Analytics