JS操作iframe（一）

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();
        }
}