iframe子页反控父页DOM元素
2011-04-08 11:43 rocdu 阅读(339) 评论(0) 收藏 举报如题,利用这一点实现下面这个例子。
在做项目时,父页面用iframe调用子页面是常有的行为,
出于iframe不能根据自身页面内容撑高而出现的坚向滚动条问题,
以下是一个让iframe根据内容自动加高,屏蔽坚向滚动条的解决方案:
设:
A=父页面;B=子页面;C=B页面高度值;
流程:
A->html->给iframe绑定id,iframe.id=”content”;
B->script->load页面完成->获取C->把C传给A下对应的iframe节点;
A页面
<iframe id=”content” src=”content1.html” frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” width=”100%”></iframe>
B页面
jQuery(function(jQ){
(function autoH(){
jQ(window.parent.document).find(“#content”).height(jQ(“body”).height());
})();
});
/*
原生JS用,
parent.document.getElementById(“content”)
*/
浙公网安备 33010602011771号