posts - 55,comments - 89,trackbacks - 0
          轉(zhuǎn)載:http://hi.baidu.com/xeelytech/blog/item/b8e42cfdac841d1508244d42.html



          iframe 父窗口和子窗口的調(diào)用方法
          父窗口調(diào)用子窗口
          iframe_name.iframe_document_object.object_attribute = attribute_value
          例子:onClick="iframe_text.myH1.innerText='http://www.pint.com';"
          子窗口調(diào)用父窗口parent.parent_document_object.object_attribute = attribute_value
          例子:onclick="parent.myH1.innerText='http://www.pint.com';"
          上面在IE下沒(méi)有問(wèn)題,但在firefox下不正常。在firefox下,應(yīng)該是
          父窗口調(diào)用子窗口
          window.frames["iframe_name"].document.getElementById("iframe_document_object"-).object_attribute = attribute_value
          例子
          window.frames["iframe_text"].document.getElementById("myH1").innerHTML= " 子窗口調(diào)用父窗口
          parent.document.getElementById("parent_document_object").object_attribute = attribute_value
          例子
          parent.document.getElementById("myH1").innerHTML = "

           

          完整例子:
          start.html

          <html>
          <script type="text/javascript">
          function b(){
              alert(
          "父窗口編輯子窗口的內(nèi)容。。。");
              window.frames[
          "floater"].document.getElementById("bb").innerHTML="父窗口改變子窗口內(nèi)容";
              
          //下句只適合IE瀏覽器
              //floater.bb.innerText="父窗口修改子窗口內(nèi)容。。。";
          }

          </script>
          <body>
          <IFRAME name="floater" src="three.html" width=1000 height=600 hspace=20 vspace=20 align=right frameborder=1>
          </IFRAME><BR>
          <img src="星球大戰(zhàn).jpg" /><br>
          <id="aa" href="one.html" target="floater">Show one.htm</A><P> 
          <form id="a" action="#" method="post">
          <input type=button value="修改子窗口內(nèi)容" onclick="b()">
          </form>
          </body>
          </html>

          one.html

          <html>
          one.html
          </html>

          three.html

          <html>
          <script typt="text/javascript">
          function a(){
              alert(
          "子窗口編輯父窗口內(nèi)容parent表示父窗口");
              
          //下句只適合IE瀏覽器
              //parent.aa.innerText="ppppppppppppp";
              parent.document.getElementById("aa").innerHTML="修改父窗口內(nèi)容";
              
          //parent.frames["iframe的名稱(chēng)"].document.getElementById("aa").innerText="修改父窗口內(nèi)容。。。。";
              //子窗口修改父窗口的另一個(gè)子窗口的內(nèi)容
          }

          </script>
          <body onload="a()">
          <h1 id="bb">改變父窗口的元素值。</h1>
          </body>
          </html>
          posted on 2009-03-29 15:53 jiafang83 閱讀(6299) 評(píng)論(0)  編輯  收藏
          主站蜘蛛池模板: 古交市| 贺州市| 沅陵县| 闽侯县| 包头市| 黔西县| 上虞市| 平乐县| 长治县| 香河县| 高青县| 佳木斯市| 美姑县| 双桥区| 盐亭县| 沁阳市| 宁明县| 茶陵县| 双流县| 衡阳县| 中阳县| 洞头县| 墨玉县| 金阳县| 都昌县| 天水市| 库车县| 金坛市| 施秉县| 昌黎县| 聊城市| 石泉县| 方山县| 滁州市| 班戈县| 紫云| 石楼县| 左云县| 三都| 林西县| 偏关县|