iframe框架高度自适应的实现
2007-09-27 10:45
531 查看
解决iframe框架页面自适应高度问题代码如下,需要注意的是框架引用页面一定要设置name属性,否则会不生效
方案一:
<iframe src="test.asp" width="100%" frameborder="0" scrolling="no" name="hj" id="hj"></iframe>
test.asp页面head间增加如下JS代码
<SCRIPT LANGUAGE="JavaScript">
function f_frameStyleResize(targObj){
var targWin = targObj.parent.document.all[targObj.name];
if(targWin != null) {
var HeightValue = targObj.document.body.scrollHeight
if(HeightValue < 600){HeightValue = 600}
targWin.style.pixelHeight = HeightValue;
}
}
function f_iframeResize(){
bLoadComplete = true; f_frameStyleResize(self);
}
var bLoadComplete = false;
window.onload = f_iframeResize;
</SCRIPT>
方案二:
<iframe name="I1" src="product_in.asp" onload="document.all('I1').style.height=I1.document.body.scrollHeight;" border="0" frameborder="0" width="605" height="346" style="border-style: solid; border-width: 0; padding: 0" marginwidth="1" marginheight="1" scrolling="no"></iframe>
方案一:
<iframe src="test.asp" width="100%" frameborder="0" scrolling="no" name="hj" id="hj"></iframe>
test.asp页面head间增加如下JS代码
<SCRIPT LANGUAGE="JavaScript">
function f_frameStyleResize(targObj){
var targWin = targObj.parent.document.all[targObj.name];
if(targWin != null) {
var HeightValue = targObj.document.body.scrollHeight
if(HeightValue < 600){HeightValue = 600}
targWin.style.pixelHeight = HeightValue;
}
}
function f_iframeResize(){
bLoadComplete = true; f_frameStyleResize(self);
}
var bLoadComplete = false;
window.onload = f_iframeResize;
</SCRIPT>
方案二:
<iframe name="I1" src="product_in.asp" onload="document.all('I1').style.height=I1.document.body.scrollHeight;" border="0" frameborder="0" width="605" height="346" style="border-style: solid; border-width: 0; padding: 0" marginwidth="1" marginheight="1" scrolling="no"></iframe>
相关文章推荐
- Iframe框架高度自适应的实现
- iframe框架高度自适应的实现
- [转自沪江博客tangle's blog]iframe框架高度自适应的实现
- iframe框架高度自适应的实现
- table+div+iframe打造高度自适应的后台布局框架(需要用JS控制大小)
- 基于MVC+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自动适应宽带高度
- js脚本实现iframe框架自适应高度
- (转)基于MVC4+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自动适应宽带高度
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- Ifram框架适应高度 javascript实现
- JavaScript实现iframe的高度自动适应
- 基于MVC4+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自动适应宽带高度
- JavaScript实现Iframe自适应其加载的内容高度
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- iframe窗口高度自适应的又一个巧妙实现思路
- 使用事件捕获实时捕获img是否加载完毕, 实现iframe内容高度自动适应
- 谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!
- 实现iframe窗口高度自适应的又一个巧妙思路