欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript動(dòng)態(tài)的改變IFrame的高度實(shí)現(xiàn)自動(dòng)伸展

 更新時(shí)間：2013年10月12日 16:57:07   作者：  
動(dòng)態(tài)的改變IFrame的高度，實(shí)現(xiàn)IFrame自動(dòng)伸展，父頁面也自動(dòng)神縮，實(shí)現(xiàn)原理很簡(jiǎn)單就是在IFrame子頁面一加載的時(shí)候，調(diào)用父IFrame對(duì)象，改變其高度，感興趣的朋友可以了解下
動(dòng)態(tài)的改變IFrame的高度，實(shí)現(xiàn)IFrame自動(dòng)伸展，父頁面也自動(dòng)神縮
原理： 在IFrame子頁面一加載的時(shí)候，調(diào)用父IFrame對(duì)象，改變其高度
具體實(shí)現(xiàn)一:
1、在IFrame的具體頁面(就是子頁面)，添加JavaScript
復(fù)制代碼 代碼如下:

<script>
function IFrameResize(){
//alert(this.document.body.scrollHeight); //彈出當(dāng)前頁面的高度
var obj = parent.document.getElementById("childFrame"); //取得父頁面IFrame對(duì)象
//alert(obj.height); //彈出父頁面中IFrame中設(shè)置的高度
obj.height = this.document.body.scrollHeight; //調(diào)整父頁面中IFrame的高度為此頁面的高度
}
</script>

2、在IFrame的具體頁面(就是子頁面)的body中，添加onload事件
復(fù)制代碼 代碼如下:

<body onload="IFrameResize()">

3、為父頁面的IFrame標(biāo)簽添加ID，即上面第一步，方法體中的第2行所寫到的childFrame
復(fù)制代碼 代碼如下:

<IFRAME border=0 marginWidth=0
frameSpacing=0 marginHeight=0
src="frame1.jsp" frameBorder=0
noResize scrolling="no" width=100% height=100% vspale="0" id="childFrame"></IFRAME>

具體實(shí)現(xiàn)二:
復(fù)制代碼 代碼如下:

//動(dòng)態(tài)改變父類iframe的高度
//iframe頁面調(diào)用的js
$(function(){
//取到窗口的高度
var winH = $(window).height();
//取到頁面的高度
var bodyH = $(document).height();
if(bodyH > winH){
window.parent.document.getElementById("mainFrame").height=bodyH;
}else{
window.parent.document.getElementById("mainFrame").height=winH;
}
});

父頁面的iframe為
復(fù)制代碼 代碼如下:

<iframe src="main.action" height="700" frameborder="0" width="100%" id="mainFrame" name="mainFrame"></iframe>

相關(guān)文章

最新評(píng)論