1.加入js方法
<script language="javascript">
function SetCwinHeight()
{
var iframe = document.getElementById("courseware");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
/** 浏览器判断 */
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
//以下进行测试
if (Sys.ie) iframe.height = bHeight;
if (Sys.firefox) iframe.height = height;
if (Sys.chrome) iframe.height = height;
if (Sys.opera) iframe.height = height;
if (Sys.safari) iframe.height = height;
}catch (ex){}
}
</script>
2.引入iframe
<iframe onload="Javascript:SetCwinHeight()" allowtransparency="true" frameborder="0" scrolling="no" id="courseware" marginheight="0" marginwidth="0" width="100%" height="100%" name="courseware" src="http://www.jiankangbaobei.net"></iframe>
3.问题
大家常说的跨域访问我没有测试,但ie,ff,chrome等都没问题,ff下长度变长后缩不会去,不知道大家发现没有
分享到:
相关推荐
完美解决跨域iframe的高度自适应,完美解决跨子域iframe的高度自适应,嵌入几个页面解决跨域iframe的高度自适应。。。
iframe跨域嵌套自适应高度 iframe跨域嵌套 丢失session值(针对嵌套asp.net 做的网站)
解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题
iframe自适应高度和宽度
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
iframe根据引用的页面内容自适应高度和宽度,直接查看例子,简单易操作
iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
有个在线例子,访问地址:http://okiner.cn/demo/cross-domain/iframe.html,这是源码,方便下载
Iframe框架高度自适应的实现.doc
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
iframe包含的页面的高度,兼容性好,iframe高度自适应
iframe高度自适应.pdf
根据iframe内容高度自适应。不能确保所有的地方都能通用,但是大部分地方都能适用。
iframe高度自适应代码及演示页面。 适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js
纯JS实现的iframe自适应高度。兼容主流浏览器。
Iframe 高度自适应,js控制Iframe 高度自适应.docx
iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe...
这是关于iframe使用过程中出现的问题整理的解决方法,关于使用iframe不用单独写接口打通数据,直接把数据通过ifarme嵌套方法传递过去,使用简单方便。