JS操作iframe里的dom實例解釋

    時間:2024-08-05 07:56:32 XML DOM 我要投稿
    • 相關(guān)推薦

    JS操作iframe里的dom實例解釋

      直接賦值如下代碼測試即可明白:

      1.html:

      復(fù)制代碼 代碼如下:

      ====================注意:測試從這里開始=========================

      用來測試子窗體iframeA訪問父窗體的某元素

      ====================iframe分割線=========================

      ====================iframe分割線=========================

      先來演示:父窗體訪問子窗體中的某方法或元素

      總結(jié):父窗體訪問子窗體的方法跟元素采用不同的方式

      //子窗口訪問父窗口方法

      function testP(ss){

      alert(ss)

      }

      //取得iframe的元素

      function getIframe(id){

      return document.getElementById(id).contentWindow.document;

      }

      //父窗口訪問子窗口元素

      function frameDiv(){

      getIframe("frameA").getElementById("ooxx").style.backgroundColor="#f00"

      //window.frames["iframeA"].getElementById("ooxx").style.backgroundColor="#f00" //不能通過這種形式訪問某元素

      }

      //父窗口訪問子窗口方法

      function frameFun(){

      //getIframe("frameB").getsFun();//不能通過這種形式訪問子窗體某方法

      // window.frames["iframeB"].getsFun();

      alert(window.frames["iframeB"].getsFun());

      }

      a.html

      復(fù)制代碼 代碼如下:

      用來測試父窗體訪問子窗體中的某元素

      用來測試子窗口B訪問窗體A的某元素

      1.子窗口iframeA訪問父窗口的某元素

      //子窗口訪問父窗口的某元素

      function frameToPdiv(){

      parent.document.getElementById("pox").style.color="#fff";

      parent.document.getElementById("pox").style.backgroundColor="#f0a0f0"

      }

      //子窗口訪問父窗口方法

      function frameToPfun(ss){

      parent.testP("ssss");

      }

      //用于測試iframeB訪問的方法

      function testBA(){

      alert("用于測試iframeB訪問的方法")

      }

      b.html

      復(fù)制代碼 代碼如下:

      二:測試子窗體間相互訪問某方法或元素

      //子窗體B訪問子窗體A的某元素

      function frameTframeDiv(){

      //parent.document.getElementById("frameA").contentWindow.document.getElementById("divooxx").style.color="#a0c0f0";

      //parent.document.getElementById("frameA").contentWindow.document.getElementById("divooxx").style.backgroundColor="#000"

      var _bframe=parent.getIframe("frameA");//子窗體訪問父窗體方法

      _bframe.getElementById("divooxx").style.color="#a0c0f0";

      _bframe.getElementById("divooxx").style.backgroundColor="#000";

      }

      //子窗體B訪問子窗體A的某方法

      function frameTframeFun(){

      window.parent.frames["frameA"].testBA();

      }

      function getsFun(){

      return "sssssss";

      }

      //getFun()

    【JS操作iframe里的dom實例解釋】相關(guān)文章:

    jQuery的DOM操作筆記07-29

    最佳的 Node.js 教程結(jié)合實例08-14

    關(guān)于BOM與DOM的區(qū)別的分析09-04

    js控制excel打印解決方案參考08-31

    jQuery(js)如何獲取文字寬度(顯示長度)09-29

    EIGRP帶寬實例配置09-19

    硬盤故障排除「實例」12-27

    ASP編程實例大全05-29

    淺析php函數(shù)的實例06-08

    JS AJAX前臺如何給后臺類的函數(shù)傳遞參數(shù)的方法07-08

    91久久大香伊蕉在人线_国产综合色产在线观看_欧美亚洲人成网站在线观看_亚洲第一无码精品立川理惠

      日韩免费AV在线播放网 | 亚洲国产婷婷六月天 | 少妇把腿扒开我添69式 | 亚洲狠狠爱综合影院婷婷 | 在线人成视频播放午夜福 | 亚洲人成免费在线 |