js操作iframe(一)

js操作子級視窗iframe:格式：

oIframe.contentWindow.document.getElementById('box').style.color='red';

或：

//注：ie6,7是不支援的
                oIframe.contentDocument.getElementById('box').style.color='red';

js操作父層iframe:
格式：

//操作父層iframe
window.parent.document.getElementById('box1').style.color='red'
 
;
//操作最頂層 window.top.document.getElementById('box').style.color='blue';

js操作動態建立iframe:
格式：

var oIframe=document.createElement('iframe');
        oIframe.src='iframe1.html';
        document.body.appendChild(oIframe);

建立的iframe有onload事件：

//建立的iframe有onload的事件
oIframe.onload=function(){
        alert(0
 
);
}
//IE下建立的iframe的onload事件只能用繫結的形式使用
oIframe.attachEvent('onload',function(){
        alert('IE下的iframe的onload事件只能用繫結的形式使用');
})

防網站釣魚：

if(window!=window.top){
    window.top.location.href=window.location.href;
}

動態獲取iframe高度

window.onload=function(){
        var aInput=document.getElementsByTagName('input'
 
);
        var oIframe=document.getElementById("iframe");

        function changeHeight(){
            //延時便於觀察效果
            setTimeout(function(){
        oIframe.height=oIframe.contentWindow.document.body.offsetHeight;
            },50);

        }
        changeHeight();

        aInput[0].onclick=function(){
            oIframe.src='iframe1.html';
            changeHeight();
        };
        aInput[1].onclick=function(){
            oIframe.src='iframe2.html';
            changeHeight();
        }
}