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>

posted @ 2011-01-04 19:20 buffer的blogs 阅读(670) 评论(0) 编辑收藏举报

努力加载评论中...

刷新页面返回顶部

返回首页

过去30年IT（信息技术）产业经历了三个王朝：IBM创造的硬件王朝、微软创造的软件王朝和谷歌创造的互联网王朝。

JQuery操作iframe父页面与子页面的元素与方法

公告