資料來源:程式開發哇哇哇
只需將下列程式貼在iframe內容頁的網頁中即可。
註:chrome本機瀏覽會不正常,需上傳至網路空間觀看
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
iframe_auto_height(); //當文件ready時才能正確取得iframe內容的高度
});
//iframe auto height主程式
function iframe_auto_height(){
if(!this.in_site()) return;
var iframe;
$(parent.document).find("iframe").map(function(){ //找到自己的iframe
if($(this).contents().get(0).location == window.location) iframe = this;
});
if(!iframe) return;//no parent
var content_height = $("body").height()+50;
content_height = content_height < 300 ? 300 : content_height; //設定最小高度
content_height = typeof content_height == 'number' ? content_height+"px" : content_height;
iframe.style.height = content_height;
}
//判斷是否在網頁的iframe之中
function in_site(){
if(parent != window && this.is_crosssite() == false) return(true);
return(false);
}
//判斷是否跨站(可能是別人嵌入了你的網頁)
function is_crosssite() {
try {
parent.location.host;
return(false);
}
catch(e) {
return(true);
}
}
</script>
<script type="text/javascript">
留言列表