AD

关于IFRAME 自适应高度的研究

关于IFRAME 自适应高度的研究——之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下。
  重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”

  之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下
超简单哦

  1、建立一个bottom.js的文件,然后输入下面的代码(只有两行哦)

parent.document.all("框架ID名").style.height=document.body.scrollHeight;
parent.document.all("框架ID名").style.width=document.body.scrollWidth;

这里的 框架ID名 就是Iframe的ID,比如:
<IFRAME id="框架ID名" name="left" frameBorder=0 scrolling=no src="XXX.asp" width="100%"></IFRAME>

  2、给你网站里所有的被包含文件里面每个都加入
<script language = "JavaScript" src = "bottom.js"/></script>

  3、OK,收工!
  我在WINXP、IE6下面测试通过。很简单吧!

标签: 关于IFRAME, 自适应高度的研究
分类: 表单特效
时间: 2014-07-01

相关文章

  1. jquery ajax应用中iframe自适应高度问题解决方法

    很多管理系统中,都使用iframe进行信息内容的展示方式,或者作为主菜单的链接展示内容.使用iframe的问题就是自适应高度的问题 iframe自适应高度本身是很简单的方法,就是在页面加载完成后,重新计算一下高度即可. ...
  2. Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐

    Iframe自适应高度绝对好使的代码IE,遨游,火狐都兼容,需要的朋友可以参考下. <script type="text/javascript"> function reinitIfram ...
  3. Iframe自适应高度兼容ie,firefox多浏览器

    从网上找的Iframe自适应高度,不是自已写的! 从哪找的忘了,要不一定写明出处! 放出来给自已留个备份! <script type="text/javascript"> function ...
  4. 基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    在网上找了很多的iframe自适应高度的脚本,对浏览的的兼容性都不好.所以就想利用jquery强大的兼容性,写一个iframe自适应高度的脚本. jquery很强大,代码很简单: $("#iPersonalIn ...
  5. JavaScript 处理Iframe自适应高度(同或不同域名下)

    Iframe自适应高度一直都备受关注,接下来为大家介绍下同域名下Iframe自适应高度的处理以及跨域时Iframe高度自适应,感兴趣的朋友可以参考下哈 1.同域名下Iframe自适应高度的处理 <iframe on ...
  6. 教你用jquery实现iframe自适应高度

    iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以"伸缩自如",所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好 ...
  7. iframe自适应高度的多种方法方法小结

    对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可 ...
  8. 使用jQuery不判断浏览器高度解决iframe自适应高度问题

    这篇文章主要介绍了使用jQuery不判断浏览器高度解决iframe自适应高度问题,需要的朋友可以参考下 这里介绍两个超级简单的方法,不用写什么判断浏览器高度.宽度啥的. 下面的两种方法自选其一就行了.一个是放在和ifra ...
  9. 使用javascript实现Iframe自适应高度

    这篇文章主要介绍了使用javascript实现Iframe自适应高度,需要的朋友可以参考下 方法一: $(window.parent.document).find("#ContentIframe"). ...
  10. 兼容主流浏览器的iframe自适应高度js脚本

    兼容主流浏览器的 iframe 自适应高度,很实用的,具体的js脚本如下,感兴趣的朋友可不要错过 兼容主流浏览器的 Iframe 自适应高度,js脚本如下: //iframe 高度自适应 function iframeA ...
  11. iframe 自适应高度[在IE6 IE7 FF下测试通过]

    有时候我们需要让我们的iframe自动适应高度,但多浏览器兼容性不好,大家不妨试下这个. 第一种方法: <script type="text/javascript" language=" ...
  12. iframe自适应高度

    如何让iframe自适应高度呢,如果你正为此问题而烦恼,那么不妨参考下本文中提供的解决方法,或许对你有所帮助. 1.在iframe父窗体中添加js代码: 01 <script type="text/jav ...
  13. 让iframe自适应高度(支持XHTML,支持FF)

    先说明,这个办法只限于iframe中的子页面也是本地页面(不能引用外网页面) ======方法===== 第一步 js部分 function getSize() { var xScroll, yScroll; if (w ...
  14. javascript原生和jquery库实现iframe自适应高度和宽度

    这篇文章主要介绍了javascript原生和jquery库实现iframe自适应内容高度和宽度,需要的朋友可以参考下 javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery ...
  15. 兼容多浏览器的iframe自适应高度(ie8 .谷歌浏览器4.0和 firefox3.5.3)

    iframe在ie8 .谷歌浏览器4.0和 firefox3.5.3均成功自适应高度. 小项目龙里中学多媒体教室管理系统中后台管理用到了iframe.由于要动态载入内容,所以需要iframe自适应内容页的高度.用谷歌搜索 ...
  16. iframe 自适应高度

    通过js 来控制自适应高度: html代码: <iframe src="需要连接的iframe地址" id="iframepage" name="iframepag ...
  17. [转]目前找到的最好的Iframe自适应高度代码

    注:onload字段中的数值"200"为设置的Iframe最低高度值! 当然iframe,html要在同一子域下才可以,否则警告没有权限. <iframe src="iframe.ht ...
  18. Iframe 自适应高度并实时监控高度变化的js代码

    不得不用到iframe,且被强烈要求不能让它出现滚动条!嵌入的页面肯定是高度不一的,页面中也不能出现大片空白,所以也不能写死高度!真是麻鬼烦啊! google N次 + 百度M次 + 试验了1605次之后(听说农药160 ...
  19. iframe自适应宽度.高度 ie6 7 8,firefox 3.86下测试通过

    近期需要一个iframe自适应高度的东西,在网上找了很多,都不能用--一看大体的日期都是大概 2008年前后的其他近期的基本都是以前的转载,所以只好自己动手了. 废话不多说,贴上代码,也算是自己的一个代码存储. var ...