Feed on
Posts
Comments
推薦本文到Plurk噗浪去!

紀錄 iframe 如何呼叫子頁或者是父頁函式,iframe 在現今 Web 2.0 時代已經不流行了,因為有很多問題的存在,例如對於 SEO 搜尋引擎也沒有幫助,但是也是很多人在使用,底下筆記心得,說不定之後會 google 到自己的文章,哈哈。

父頁(主視窗)呼叫子頁函式:

/* iframeID 是 iframe ID*/
window.iframeID.formSubmit();
/* ifr 是 iframe ID */
document.getElementById('ifr').contentWindow.formSubmit();

子頁(iframe)呼叫父頁(主視窗)函式:

parent.formSubmit();

如果有兩層

parent.parent.formSubmit();

注意 timing issue,等 iframe 視窗 load 完之後才可以呼叫 iframe function。至於如果取主視窗跟 iframe 的變數 value,可以利用 jQuery $(“#ID”) 方式來得到。

reference:
【程式】JS : parent , iframe function call
Access child function from iframe

推薦本文到Plurk噗浪去!
  • Ausir

    iframe 用在後台還是很好用哩

  • Stranger

    為什麼說 iframe 在 web 2.0 已經不流行了?!?!