首頁 > web前端 > js教程 > JQuery怎麼操作iframe的關聯頁面

JQuery怎麼操作iframe的關聯頁面

php中世界最好的语言
發布: 2018-04-26 15:47:15
原創
1501 人瀏覽過

這次帶給大家JQuery怎麼操作iframe的關聯頁面,JQuery操作iframe關聯頁面的注意事項有哪些,下面就是實戰案例,一起來看一下。

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

<html>
<script src=&#39;jquerymin.js&#39;>
</script>
<body id=&#39;1&#39;>
    <p>it is a iframe</p>
</body>    
<script>
    $(document).ready(
        function()
        {
        var c = $(window.parent.document.body) //麻烦的方法: var c = $($(window).eq(0)[0].parent.document).find(&#39;body&#39;); ,忘了可以用前面的方法了
        alert(c.html());
        }
    );
</script>
</html>
登入後複製

#相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

基於ID呼叫iframe頁面(附程式碼)

jquery怎麼讓iframe自適應前端高度

#

以上是JQuery怎麼操作iframe的關聯頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板