js操作iframe(一)

---

js操作子级窗口iframe:格式：

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

或：

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

---

js操作父层iframe:
格式：

//操作父层iframewindow.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();        }}