js脚本:
function SetWinHeight(obj){
var dzdaiframe=obj;
if (document.getElementById)
{
if (dzdaiframe && !window.opera)
{
if (dzdaiframe.contentDocument && dzdaiframe.contentDocument.body.offsetHeight)
dzdaiframe.height = dzdaiframe.contentDocument.body.offsetHeight;
else if(dzdaiframe.Document && dzdaiframe.Document.body.scrollHeight)
dzdaiframe.height = dzdaiframe.Document.body.scrollHeight;
}
}
}
//下面iframe
<iframe id="dzdaiframe" width="100%" οnlοad="Javascript:SetWinHeight(this)" frameborder="0">
</iframe>
总结:父窗口中操作iframe:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild
在子窗口中操作父窗口:$(window.parent.document)
接下来就可以继续获取iframe内的dom了。
获取iframe内的dom对象有两种方法
1 $(window.frames["iframeChild"].document).find("#child")
2 $("#child",window.frames["iframeChild"].document)
1.在父窗口中操作 选中IFRAME中的所有单选按钮
$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选按钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");
遇到的问题,在不同的浏览器,可能会不兼容,或者和浏览器访问权限的问题。
在父页面不能操作iframe的时候,使用子页面操作父页面。
var div1 = $(".search").height();
var div2 = $(".chexing").height();
var IframeHeight = div1 + div2 + 100;
$(window.parent.document).find("#allHeight").height(IframeHeight);
function SetWinHeight(obj){
var dzdaiframe=obj;
if (document.getElementById)
{
if (dzdaiframe && !window.opera)
{
if (dzdaiframe.contentDocument && dzdaiframe.contentDocument.body.offsetHeight)
dzdaiframe.height = dzdaiframe.contentDocument.body.offsetHeight;
else if(dzdaiframe.Document && dzdaiframe.Document.body.scrollHeight)
dzdaiframe.height = dzdaiframe.Document.body.scrollHeight;
}
}
}
//下面iframe
<iframe id="dzdaiframe" width="100%" οnlοad="Javascript:SetWinHeight(this)" frameborder="0">
</iframe>
总结:父窗口中操作iframe:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild
在子窗口中操作父窗口:$(window.parent.document)
接下来就可以继续获取iframe内的dom了。
获取iframe内的dom对象有两种方法
1 $(window.frames["iframeChild"].document).find("#child")
2 $("#child",window.frames["iframeChild"].document)
1.在父窗口中操作 选中IFRAME中的所有单选按钮
$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选按钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");
遇到的问题,在不同的浏览器,可能会不兼容,或者和浏览器访问权限的问题。
在父页面不能操作iframe的时候,使用子页面操作父页面。
var div1 = $(".search").height();
var div2 = $(".chexing").height();
var IframeHeight = div1 + div2 + 100;
$(window.parent.document).find("#allHeight").height(IframeHeight);