手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
摘要: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>

【JQuery操作iframe父页面与子页面的元素与方法(实例讲解)】相关文章:

jQuery插件支持同一页面被多次调用

jQuery获取页面元素绝对与相对位置的方法

jQuery实现返回顶部效果的方法

jQuery实现限制textarea文本框输入字符数量的方法

Jquery解析json字符串及json数组的方法

JavaScript判断数组是否包含指定元素的方法

JQuery中节点遍历方法实例

jQuery插件jRumble实现网页元素抖动

JavaScript中的Math.sin()方法使用详解

微信jssdk在iframe页面失效问题的解决措施

精品推荐
分类导航