HTML妗嗘灦IFrame涓嬪埄鐢↗S鍦ㄤ富椤甸潰鍜屽瓙椤甸潰闂翠紶鍊?杞
HTML妗嗘灦IFrame涓嬪埄鐢↗S鍦ㄤ富椤甸潰鍜屽瓙椤甸潰闂翠紶鍊?/p>
聽
聽
涓嬮潰涓婚〉闈㈠拰瀛愰〉闈簰鐩镐紶鍊肩殑DEMO聽濡傛灉浠呬粎闇€瑕佸瓙椤甸潰瑙﹀彂涓婚〉闈㈢殑鍑芥暟聽浠呴渶聽[聽parent.window.浣犵殑鍑芥暟聽]聽灏卞彲浠ヤ簡
聽
DOM鏂规硶锛?br>鐖剁獥鍙ｆ搷浣淚FRAME锛歸indow.frames["iframeSon"].document
IFRAME鎿嶄綔鐖剁獥鍙?聽window.parent.document
jquery鏂规硶:
鍦ㄧ埗绐楀彛涓搷浣溌犻€変腑IFRAME涓殑鎵€鏈夎緭鍏ユ锛毬?(window.frames["iframeSon"].document).find(鈥?text鈥?;
鍦↖FRAME涓搷浣溌犻€変腑鐖剁獥鍙ｄ腑鐨勬墍鏈夎緭鍏ユ锛?(window.parent.document).find(鈥?text鈥?;
iframe妗嗘灦鐨凥TML锛?lt;iframe聽src=鈥漷est.html鈥澛爄d=鈥漣frameSon鈥澛爓idth=鈥?00鈥陈爃eight=鈥?00鈥陈爁rameborder=鈥?鈥陈爏crolling=鈥漚uto鈥?gt;</iframe>
缁嗗績鐨勬湅鍙嬩竴涓嬪氨鑳界悊瑙ｏ紝鍘熺悊鍏跺疄寰堢畝鍗曪紝灏辨槸鐢ㄥ埌浜?(DOM瀵硅薄)杞崲鎴恓query瀵硅薄銆?br>
渚嬪瓙锛?br>涓婚〉闈?br><title>涓婚〉闈?lt;/title>
<script聽type="text/javascript"聽src="css_js/jquery/jquery-1.3.2.min.js"></script>
<script聽type="text/javascript">
function聽showSubValue(){
//var聽v聽=聽window.frames[0].document.getElementById("subdiv1").innerHTML;
//alert(v);
// 聽聽http://hi.baidu.com/bigideaer/blog/item/780337e6af39933d2df534ff.html
var聽o聽=聽$(window.frames[0].document).find(":div#subdiv1");
alert(o.html());
}
</script>
</head>
<body>
<div聽id="mainDiv">涓婚〉闈㈡祴璇曟暟鎹?lt;/div>
<input聽type="button"聽value="鏌ョ湅瀛愰〉闈㈡暟鎹?聽onclick="showSubValue();"/>
<iframe聽src="sub.html"聽width="300"聽height="300"></iframe>
</body>聽
</html>
瀛愰〉闈細
<script聽type="text/javascript"聽src="css_js/jquery/jquery-1.3.2.min.js"></script>
<title>瀛愰〉闈?lt;/title>
<script聽type="text/javascript">
function聽showMainValue(){
//dom鏂瑰紡
//var聽v聽=聽window.parent.document.getElementById("mainDiv").innerHTML;
//alert(v);
//window.parent.document.getElementById("mainDiv").innerHTML聽=聽"淇敼鍚庣殑涓婚〉闈㈡暟鎹?;
//jquery鏂瑰紡
var聽o聽=聽$(window.parent.document).find(":div#mainDiv");
alert(o.html());
}
</script>
</head>
<body>
<div聽id="subdiv1">瀛愰〉闈㈡祴璇曟暟鎹?lt;/div>
<input聽type="button"聽value="鏄剧ず鐖堕〉闈㈡暟鎹?聽onclick="showMainValue();"/>
</body>
</html>