手机
当前位置:查字典教程网 >编程开发 >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父页面与子页面的元素与方法(实例讲解)】相关文章:

js禁止页面刷新与后退的方法

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

JavaScript中的anchor()方法使用详解

js事件监听器用法实例详解

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

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

JQuery中节点遍历方法实例

JavaScript的Date()方法使用详解

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

JQuery中DOM事件绑定用法详解

精品推荐
分类导航