iframe頁面呼叫主視窗的JavaScript Method

我們有時候在A畫面嵌入一個IFrame的時候會有一些特殊需求需要IFrame載入的時候主畫面要做某些動作,舉例來說,在我的部落格裡有運用到iframe畫面PostBack後需要動態改變主畫面iframe頁框的高度,因此我就必須先在主畫面定義一個Method來提供iframe畫面呼叫,詳細的說明如下語法(注意本範例使用jQuery來完成,必須先引入jqery.js)
主頁面定義
 function regulateIframeHeight(obj) {
     if ($('#' + obj).css('display') != 'none')
         eval("document.getElementById('" + obj + "').style.height = " + obj + ".document.body.scrollHeight + 17 +'px';");
 }

IFrame頁面定義
 $(document).ready(function () {
  var wParent = window.parent;
  wParent.regulateIframeHeight('IFrame頁框ID');
  //wParent.Alert();
 });  

留言