
怎样通过子页面js代码改变父页面iframe的大小。。。急
在父页面中的iframe根据内嵌页面的大小而自动变大没问题了但一旦在内嵌页面变大了,ifrmae无法及时变大,要怎样通过子页面js代码改变父页面iframe的大小?...
在父页面中的iframe根据内嵌页面的大小而自动变大没问题了但一旦在内嵌页面变大了,ifrmae无法及时变大,要怎样通过子页面js代码改变父页面iframe的大小?
展开
展开全部
xiangjilin的方案没问题,但是有一个缺点就是必须通过id找到该iframe,而如果得不到这个ID就没法了。
function resizeFrame(){
frameElement.width = document.documentElement.clientWidth;
frameElement.height= document.documentElement.clientHeight;
}
window.onload = resizeFrame;
说明:frameElement将会得到当前文档所属的frame元素。如果你通过其他方法改变了内容导致iframe又不适应了,只需要在次调用resizeFrame即可。
function resizeFrame(){
frameElement.width = document.documentElement.clientWidth;
frameElement.height= document.documentElement.clientHeight;
}
window.onload = resizeFrame;
说明:frameElement将会得到当前文档所属的frame元素。如果你通过其他方法改变了内容导致iframe又不适应了,只需要在次调用resizeFrame即可。
展开全部
看代码,父页面:
<iframe id="frmDialog" src="a.html" frameborder="0" scrolling="auto" align="top" marginheight="0" marginwidth="0"></iframe>
子页面,a.html:
window.onload = function() {
parent.document.getElementById("frmDialog").width = document.documentElement.clientWidth + "px";
parent.document.getElementById("frmDialog").height = document.documentElement.clientHeight + "px";
};
<iframe id="frmDialog" src="a.html" frameborder="0" scrolling="auto" align="top" marginheight="0" marginwidth="0"></iframe>
子页面,a.html:
window.onload = function() {
parent.document.getElementById("frmDialog").width = document.documentElement.clientWidth + "px";
parent.document.getElementById("frmDialog").height = document.documentElement.clientHeight + "px";
};
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询