1）在iframe中查找父頁面元素的方法：$('#id', window.parent.document)
2）在iframe中調(diào)用父頁面中定義的方法和變量：parent.methodparent.value
3）實(shí)例
1.父頁面復(fù)制代碼 代碼如下:<%@ 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"><htmlxmlns="http://www.w3.org/1999/xhtml" ><headrunat="server"> <title></title> <script language="javascript"type="text/Javascript"src="jquery-1.5.1.min.js"></script> <script language="javascript"type="text/javascript"> var hello = 'hello'; function getHelloWorld() { alert('hello world'); } </script></head><body> <form id="form1"runat="server"> <div> <divid="default" style=" width:200px; height:400px;float:left;">default.aspx</div> <iframe id="iframeid" src="IFrame.aspx"style=" width:400px; height:400px; float:left;"></iframe> </div> </form></body></html>2.子頁面復(fù)制代碼代碼如下:<%@ 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"><htmlxmlns="http://www.w3.org/1999/xhtml" ><headrunat="server"> <title></title> <script language="javascript"type="text/javascript" src="jquery-1.5.1.min.js"></script> <script language="javascript"type="text/javascript"> $(function() { //在iframe中查找父頁面元素 alert($('#default',window.parent.document).html()); //在iframe中調(diào)用父頁面中定義的方法 parent.getHelloWorld(); //在iframe中調(diào)用父頁面中定義的變量 alert(parent.hello); }); </script></head><body> <form id="form1"runat="server"> <divid="iframe"> IFrame.aspx </div> </form></body></html>
新聞熱點(diǎn)
疑難解答
