iframe自适应高度
2013-12-05 11:54
239 查看
<div>
<iframe name="iframe1" id="iframe1" onload="dyniframesize1(this)" >
<html>
<div>
<button1 onclick="dyniframesize2(window.parent.document.getElementById("iframe1"))">
<button2 onclick="dyniframesize2(window.parent.document.getElementById("iframe1"))">
</div>
<div>
<tab1 height="100px;">
<tab2 height="200px;">
</div>
</html>
</iframe>
</div>
//ifram外部改变自适应高度
function dyniframesize1(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;
}
}
}
//ifram内部改变自适应高度
function dyniframesize2(obj){
var win=obj;
if (window.parent.document.getElementById){
if (win && !window.parent.window.opener){
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 name="iframe1" id="iframe1" onload="dyniframesize1(this)" >
<html>
<div>
<button1 onclick="dyniframesize2(window.parent.document.getElementById("iframe1"))">
<button2 onclick="dyniframesize2(window.parent.document.getElementById("iframe1"))">
</div>
<div>
<tab1 height="100px;">
<tab2 height="200px;">
</div>
</html>
</iframe>
</div>
//ifram外部改变自适应高度
function dyniframesize1(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;
}
}
}
//ifram内部改变自适应高度
function dyniframesize2(obj){
var win=obj;
if (window.parent.document.getElementById){
if (win && !window.parent.window.opener){
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;
}
}
}
相关文章推荐
- jquery ajax应用中iframe自适应高度问题解决方法
- iframe高度动态自适应
- iframe高度自适应
- 三谈Iframe自适应高度【转】
- 基于jquery后台框架设计(自适应高度,iframe简易版)
- jquery iframe跨域自适应高度。子页面分页,刷新父页面
- 教你用jquery实现iframe自适应高度
- iframe 如何让它展现内容自适应高度
- 跨域自适应高度——iframe
- iframe自适应高度
- iframe自适应高度处理方案
- CSS完美实现iframe高度自适应(支持跨域)
- 如何实现iframe(嵌入式帧)的自适应高度
- Iframe 高度自适应
- iframe高度自适应
- IE FF 兼容的IFRAME 自适应高度JS代码
- iframe高度自适应(IE6+、FF、Opera、Chrome等测试通过)
- 如何实现iframe(嵌入式帧)的自适应高度(转载)
- javascript实现iframe 高度自适应(经典)