HTML中怎么设置Iframe自适应高度

这篇“HTML中怎么设置Iframe自适应高度”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“HTML中怎么设置Iframe自适应高度”文章吧。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的上海网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

主要是以下JS函数： 

一、程序代码

　　function SetWinHeight(obj)

　　{

　　var win=obj;

　　if (document.getElementById)

　　{

　　if (win && !window.opera)

　　{

　　if (win.contentDocument && win.contentDocument.body.offsetHeight)

　　win.height = win.contentDocument.body.offsetHeight;

　　else if(win.Document && win.Document.body.scrollHeight)

　　win.height = win.Document.body.scrollHeight;

　　}

　　}

　　}

最后，加入iframe,不能丢掉onload属性，当然了，id也必须也函数中的win匹配；

二、程序代码：

我们看看另一种情况的iframe解决方案

重要提示：src=中你必须填写的网页地址，一定要和本页面在同一个站点上，否则，会抱错，说“拒绝访问!”(实际上这是因为Js的跨域问题导致拒绝访问的)现在给大家分享一下：

1、建立一个bottom.js的文件，然后输入下面的代码；

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

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

2、给你网站里所有的被包含文件里面每个都加入，在WINXP、IE6下面测试通过；

实现 iframe 的自适应高度

    实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象；

程序代码

以上就是关于“HTML中怎么设置Iframe自适应高度”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。

新闻名称：HTML中怎么设置Iframe自适应高度
网页地址：http://6mz.cn/article/ijsjpi.html