JQueryiframe页面操作父页面中的元素与方法(实例讲解)

　　1）在iframe中查找父页面元素的方法：

　　$('#id', window.parent.document)

　　2）在iframe中调用父页面中定义的方法和变量：

　　parent.method

　　parent.value

　　3）实例

　　1.父页面

复制代码代码如下:

　　<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._Default" %>

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　var hello = 'hello';

　　function getHelloWorld() {

　　alert('hello world');

　　}

　　</script>

　　</head>

　　<body>

　　<div>

　　<div id="default" style=" width:200px; height:400px; float:left;">default.aspx</div>

　　</div>

　　</form>

　　</body>

　　</html>

　　2.子页面

复制代码代码如下:

　　<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inherits="IframeDemo.IFrame" %>

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　$(function() {

　　//在iframe中查找父页面元素

　　alert($('#default', window.parent.document).html());

　　//在iframe中调用父页面中定义的方法

　　parent.getHelloWorld();

　　//在iframe中调用父页面中定义的变量

　　alert(parent.hello);

　　});