首頁  >  文章  >  web前端  >  JQuery操作iframe父頁面與子頁面的元素與方法(實例講解)_jquery

JQuery操作iframe父頁面與子頁面的元素與方法(實例講解)_jquery

WBOY
WBOY原創
2016-05-16 17:14:04938瀏覽

JQUERY IFRAME
下面簡單使用Jquery來操作iframe的一些記錄,這個使用純JS與可以實現。

第一、在iframe中尋找父頁元素的方法:
$('#id', window.parent.document)

第二、在父頁中取得iframe中的元素方法:
$(this).contents().find("#suggestBox")

第三、在iframe中呼叫父頁中定義的方法與變數:
parent.method
parent.value

iframe裡用jquery取得父頁body

iframe.html

複製程式碼 程式碼如下:


   
it is a iframe

   
<script><BR>    $(document).ready(<BR>        function()<BR>  ent.document.body) //麻煩的方法: var c = $($(window).eq(0)[0].parent.document).find('body'); ,忘了可以用前面的方法了<BR><BR>        alert(c.html());<BR>        }<br>    );<br><br></script>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn