***** #### 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. 若不為同一域名下的文件，則無法跨域修改另一頁面的內容； ```