Jquery调用iframe父页面中的元素及方法
一、在iframe中查找父页面元素的方法：
$(‘#id',window.parent.document)
二、在iframe中调用父页面中定义的方法和变量：
parent.method parent.value
三、实例
父页面：
<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="Default.aspx.cs"Inherits="IframeDemo._Default"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title></title>
<scriptlanguage="javascript"type="text/javascript"src="jquery-1.5.1.min.js"></script>
<scriptlanguage="javascript"type="text/javascript">
varhello='hello';
functiongetHelloWorld(){
alert('helloworld');
}
</script>
</head>
<body>
<formid="form1"runat="server">
<div>
<divid="default"style="width:200px;height:400px;float:left;">default.aspx</div>
<iframeid="iframeid"src="IFrame.aspx"style="width:400px;height:400px;float:left;"></iframe>
</div>
</form>
</body>
</html>
子页面
<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="IFrame.aspx.cs"Inherits="IframeDemo.IFrame"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title></title>
<scriptlanguage="javascript"type="text/javascript"src="jquery-1.5.1.min.js"></script>
<scriptlanguage="javascript"type="text/javascript">
$(function(){
//在iframe中查找父页面元素
alert($('#default',window.parent.document).html());
//在iframe中调用父页面中定义的方法
parent.getHelloWorld();
//在iframe中调用父页面中定义的变量
alert(parent.hello);
});
</script>
</head>
<body>
<formid="form1"runat="server">
<divid="iframe">
IFrame.aspx
</div>
</form>
</body>
</html>
四、总结
Jquery调用iframe父页面中的元素及方法到这就基本结束了，希望对大家的学习和工作能有所帮助。如果有疑问可以留言讨论。