***** #### 1、父级页面获取子级页面的高度 给元素设置高度 ``` function setIframeHeight(id){ try{ var iframe = document.getElementById(id); if(iframe.attachEvent){ iframe.attachEvent("onload", function(){ iframe.height = iframe.contentWindow.document.documentElement.scrollHeight; }); return; }else{ iframe.onload = function(){ iframe.height = iframe.contentDocument.body.scrollHeight; }; return; } }catch(e){ throw new Error('setIframeHeight Error'); } } ``` #### 2、子级页面给父级页面元素设置高度 ``` function setParentIframeHeight(id){ try{ var parentIframe = parent.document.getElementById(id); if(window.attachEvent){ window.attachEvent("onload", function(){ parentIframe.height = document.documentElement.scrollHeight; }); return; }else{ window.onload = function(){ parentIframe.height = document.body.scrollHeight; }; return; } }catch(e){ throw new Error('setParentIframeHeight Error'); } } ``` #### 3、注意事项 ***** ``` 当父级页面和子级页面存在跨域问题时： 1. 若为同一域名下的不同文件夹中，则两个页面同时设置document.domain ="共同的域名"； 2. 若不为同一域名下的文件，则无法跨域修改另一页面的内容； ```