iframe 中动态自适应高度

问题描述

iframe 中动态自适应高度

iframe中的src是动态的 现在想做成自适应高度,百度也找不到合适的方法,我的是ie8,
求各位解答,谢谢了!

解决方案

iframe自适应高度
让Iframe自适应高度
iframe自适应高度

解决方案二:

跨域没有?跨域了没有搞,没跨域添加onload事件获取加载页面滚动高度设置iframe高度

 <iframe onload="resetIframeHeight(this)"...
<script>
function resetIframeHeight(i){
  var doc=i.contentWindow.document;
    i.style.height='300px';//先要设置一个比较小的高度,要不上一次加载的页面高度大于当前页面的将会是之前加载过的最大值
    i.style.height=doc[doc.compatMode=='CSS1Compat'?'documentElement':'body'].scrollHeight+'px';
}
</script>
时间: 2024-11-03 04:38:44

iframe 中动态自适应高度的相关文章

cell中label自适应高度的处理问题?

问题描述 cell中label自适应高度的处理问题? 我用xib建的tabbleView,cell中文本块number of line 的属性为零: 在viewController的 - (void)viewDidLoad中添加了 self.myTableView.rowHeight = UITableViewAutomaticDimension; self.myTableView.estimatedRowHeight = 44;这两自字适应高度的代码 打开出现这样 "内容有省略" 的

Iframe根据内容自适应高度和宽度

Iframe尤其是不带边框的Iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是Iframe的大小却不像层那样可以"伸缩自如",所以带来了使用上的麻烦,给Iframe设置高度的时候多了也不好,少了更是不行. JS获取高度 我们可以编写下面的函数,最后返回Iframe框架的高度. function SetCwinHeight(){     var cwin=document.getElementById("cwin");     i

利用JS实现iframe 子页面自适应高度

ie6.firefox2 通过, 假设主页面有一个div,里面放置一个iframe<div id="frameBox"><iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0"  scrolling="no">

iframe 自适应高度方法

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以"伸缩自如",所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 第一种方法:代码简单,兼容性还可以,大家可以先测试下. 复制代码代码如下: function SetWinHeight(obj)  {  var win=obj;  if (docum

js实现iframe自动自适应高度的方法_javascript技巧

本文实例讲述了js实现iframe自动自适应高度的方法.分享给大家供大家参考.具体如下: 在编写网页的时候,很多时候要用到自动伸缩iframe高度 ,假如ifram中嵌入的是一个列表,那么增加数据后,刷新列表,iframe高度会自动伸长.删除数据后,iframe高度要自动缩短. 将下一段代码拷贝到iframe所在那个html或者jsp页面.在</html>标签后,调用此函数即可. <script type="text/javascript"> autoAdjus

iFrame/Frame嵌入Silverlight时自适应高度的处理

iFrame如果嵌入的是普通网页,这种场景下的iframe高度自适应解决方案,百度一下随手都能找到一大把. 但是嵌入Silvelight时,嵌入iframe的父页面默认不知道Silverlight内容的真实高度,所以上述办法就不起作用了. 其实只要换个思路:既然父页面不知道iframe中SL的高度,SL难道不能自己主动向父页面汇报自已的高度吗? 先看最终的效果: 注:Page1,Page3均是SL中的UserControl 代码见下面的源代码: 主要步骤为 1.SL在每个页面的Page_Load

JS解决iframe之间通信和自适应高度的问题_javascript技巧

首先说明下,iframe通信 分为:同域通信 和 跨域通信. 一. 同域通信 所谓同域通信是指 http://localhost/demo/iframe/iframeA.html 下的a.html页面嵌套 iframe 比如: <iframe src="http://localhost/demo/iframe/iframeB.html" id="iframeA" name="iframeA">的B.html页面,这两个页面数据进行通信

Iframe实现跨浏览器自适应高度解决方法_jquery

本文以实例形式讲述了Iframe实现跨浏览器自适应高度解决方法,非常具有实用价值.分享给大家供大家参考之用.具体方法如下: 该方法使用了jQuery,因此需要在iframe的src页面里面引入jQuery. 父页面里面相对简单一点,主要包含以下代码: <iframe id="if1" scrolling="no" src="2.html"></iframe> 在iframe的src页面里面代码如下: <script

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

动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩 原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其高度 具体实现一: 1.在IFrame的具体页面(就是子页面),添加JavaScript 复制代码 代码如下: <script> function IFrameResize(){ //alert(this.document.body.scrollHeight); //弹出当前页面的高度 var obj = parent.document.getEle