DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery操作iframe父頁面與子頁面的元素與方法(實例講解)
JQuery操作iframe父頁面與子頁面的元素與方法(實例講解)
編輯:JQuery特效代碼     

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='jquerymin.js'>
</script>
<body id='1'>
    <div>it is a iframe</div>
</body>   
<script>
    $(document).ready(
        function()
        {

        var c = $(window.parent.document.body) //麻煩的方法: var c = $($(window).eq(0)[0].parent.document).find('body'); ,忘了可以用前面的方法了

        alert(c.html());
        }
    );

</script>
</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved