August 4,2009 16:40

jquery 與 iframe

假設 iframe 的 id 是 f,裡面有個按鈕 id 是 btn,那麼要存取 iframe 裡的元素,可以這樣寫:
  // http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/
  alert( $('#f').contents().find('#btn').html() );
再假設父頁面裡有個 id 是 ta 的 text,iframe 裡要存取父頁面裡的元素,有兩種寫法:
  // 方法一 (http://webdevel.blogspot.com/2007/03/iframes-and-jquery-working-with-iframes.html)
  alert( parent.$("#ta").val() );
  // 方法二 (http://groups.google.com/group/jquery-en/browse_thread/thread/5997ef4a60a123af?pli=1)
  alert( $("#ta", parent.document.body).val() );
不過,在碰到 cross domain 的情況時,就會行不通了。拜 Google 大神 的時候,大神有提到一些,但我嫌麻煩就沒再去試了...
參考資料:


  • elleryq 發表於樂多回應(0)引用(0)資訊相關Idea與筆記編輯本文
    樂多分類:網路/3C │昨日人次:5 │累計人次:2296 │標籤:jquery,javascript,iframe
    Ads by Roodo! 

    引用URL

    http://cgi.blog.roodo.com/trackback/9657289