ç»åå½åé常æµè¡ç jquery å享ä¸ä¸å¦ä½ä½¿ç¨ jquery æ¥æ¾åæä½ iframe ç¶çº§é¡µé¢å
ç´ çå®ç°ä»£ç ãå®ä¾å¦ä¸ï¼
XML/HTML Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ç¶çº§é¡µé¢</title>
</head>
<body>
<div id="example">è¿æ¯ç¶çº§é¡µé¢ï¼</div>
<div>
<iframe src="iframe.html"></iframe>
</div>
</body>
</html>
ä¸é¢æ¯ iframe.html 页é¢ä»£ç ï¼
XML/HTML Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe å级页é¢</title>
<script language="javascript" src="
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript">
$("body",parent.document).append('è¿æ¯å级页é¢æ·»å çå
容ï¼');
$("body",parent.document).find('#example').html('å级页é¢å°æ¿æ¢ç¶çº§é¡µé¢çå
容ï¼');
</script>
</head>
<body>
iframe å级页é¢å
容
</body>
</html>
å¦å¤ç±äº iframe ä¸è½è·¨åï¼æ以ç´æ¥æå¼ä»¥ä¸æ件çè¯ï¼æçæµè§å¨å¯è½ä¸èµ·ä½ç¨ï¼è¿æ¶å¯ä»¥å°ä»¥ä¸ä¸¤æ件ä¸ä¼ å°æ¬å°æè¿ç¨æå¡å¨ä¸çææã
å¦å¤å¯¹äºjavascriptæä½iframe对象æå ç¹éè¦è¯´æçæ¯ï¼
iframeéçjsè¦æä½ç¶çº§çªå£çdomï¼å¿
é¡»ææå 个对象ï¼
parentæ¯ç¶çªå£ï¼å¦æçªå£æ¯é¡¶çº§çªå£ï¼é£ä¹parent==self==topï¼ï¼
topæ¯æ顶级ç¶çªå£ï¼æççªå£ä¸å¥äºå¥½å å±framesetæè
iframeï¼ï¼
selfæ¯å½åçªå£ï¼çä»·windowï¼ï¼
openeræ¯ç¨openæ¹æ³æå¼å½åçªå£çé£ä¸ªçªå£ï¼
è¿æ ·iframeéçjsè¦æä½ç¶çº§çªå£çdomå¯ä»¥éè¿parentï¼topè¿äºå¯¹è±¡æ¥è·åç¶çªå£çwindow对象ï¼ä¾å¦ï¼
parent.document.getElementById("dom ID");
parentï¼topè¿è½è°ç¨ç¶çº§çªå£ççjsæ¹æ³ï¼æ¯å¦ï¼getIFrameDOM(iIDï¼æ¯ç¶çº§çªå£çä¸ä¸ªæ¹æ³ï¼é£ä¹iframeéå¯ä»¥ä½¿ç¨parent.getIFrameDOM("wIframeA")æ¥è°ç¨ç¶çº§çªå£çgetIFrameDOM(iIDï¼æ¹æ³ã