JS_同域下的ifream自适应高度和设置注意等

 

NO.1: 创建一个无边框的ifream.

　　<iframe src="ifream.html" frameborder="0" width="300" height="150"  id="myframe1">

NO.2:设置ifream的背景.

　　在ifream.html里面写样式设置body的背景.

NO.3:使ifream的高度自适应.

　　在ifream.html内定义一个高度为250的DIV.

　　　　.main{background:#F00;height:200px}

　　　　<div id="main" class="main">1</div>

　　自己的页面内JS代码:

function addEvent(id,en,fu){
    if(id.addEventListener){
        id.addEventListener(en,fu,false);
        }else if(id.attachEvent){
        id.attachEvent("on"+en, fu);
        }
    }
var if1 = document.getElementById("myframe1");
if(if1.Document){
    addEvent(if1,"load",function(){
        if1.height = if1.Document.documentElement.scrollHeight;
        });
    }else if(if1.contentDocument){
    addEvent(if1,"load",function(){
        if1.height = if1.contentDocument.documentElement.scrollHeight;
        });
    }