JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
发布时间:2016-12-30 来源:查字典编辑
摘要:JQUERYIFRAME下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS与可以实现。第一、在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='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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类