iframe頁面呼叫主視窗的JavaScript Method
我們有時候在A畫面嵌入一個IFrame的時候會有一些特殊需求需要IFrame載入的時候主畫面要做某些動作,舉例來說,在我的部落格裡有運用到iframe畫面PostBack後需要動態改變主畫面iframe頁框的高度,因此我就必須先在主畫面定義一個Method來提供iframe畫面呼叫,詳細的說明如下語法(注意本範例使用jQuery來完成,必須先引入jqery.js)
主頁面定義
IFrame頁面定義
主頁面定義
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(); });
留言
張貼留言
您好,我是 Lawrence,這裡是我的開發筆記的網誌,如果你對我的文章有任何疑問或者有錯誤的話,歡迎留言讓我知道。