代码改变世界

iframe子页反控父页DOM元素

2011-04-08 11:43  rocdu  阅读(329)  评论(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”)
*/