✍ 📁 🙈 🙉 🙊 : iframe.contentWindow.document iframe.open() iframe.write() iframe.close()

框架內容窗口文檔寫入
iframe.contentWindow.document
iframe.open() iframe.write() iframe.close()

   HTML 內聯框架元素 <iframe> 表示嵌套的browsing context，
   它能夠將另一個 HTML 頁面嵌入到當前頁面中。
   使用document.write()建立的iframe文件，
      <iframe id="iframe"  ></iframe> 
      var ifdoc = document.getElementById('iframe').contentWindow.document，
      ifdoc.open()
      ifdoc.write( html 內容 )
      ifdoc.write( html 內容 )
      ifdoc.write( html 內容 )
      ifdoc.close()

outT =  "<font size='6' color='blue'>" ;
outT += "  < script > <br>" ;
outT += "<B>var iff = document.getElementById('iframe')</B>" ;
outT +=  "<br><font size='5' color='black'>" ;
outT += "<br>iff = " + iff   ;
outT += "<br>iff.nodeName = "+iff.nodeName   ;
outT += "<br>iff.children.length  = " + iff.children.length  ;

outT += "<br>iff.contentWindow.document = " + iff.contentWindow.document  ;
outT += "<br> iff.contentWindow.document.body  = " + 
                  iff.contentWindow.document.body ;
outT += "<br> iff.contentWindow.document.body.innerText  = " + 
                  iff.contentWindow.document.body.innerText;

outT += "<br> iff.contentWindow.document.body.children.length = " + 
                  iff.contentWindow.document.body.children.length;

outT += "<div style='border: 2px solid red'>" ;
outT += " iff.contentWindow.document.body.children[0].nodeName  = " + 
                  iff.contentWindow.document.body.children[0].nodeName  ;
outT += "<br> iff.contentWindow.document.body.children[1].nodeName  = " + 
                  iff.contentWindow.document.body.children[1].nodeName  ;
outT += "<br> iff.contentWindow.document.body.children[2].nodeName  = " + 
                  iff.contentWindow.document.body.children[2].nodeName  ;
outT += "<br> iff.contentWindow.document.body.children[3].nodeName  = " + 
                  iff.contentWindow.document.body.children[3].nodeName  ;

outT += "</div><div style='border: 2px solid red'>" ;
outT += " iff.contentWindow.document.body.children[0].id= " + 
                  iff.contentWindow.document.body.children[0].id;
outT += "<br> iff.contentWindow.document.body.children[1].id= " + 
                  iff.contentWindow.document.body.children[1].id;
outT += "<br> iff.contentWindow.document.body.children[2].id= " + 
                  iff.contentWindow.document.body.children[2].id;outT += "<br> iff.contentWindow.document.body.children[3].id= " + 
                  iff.contentWindow.document.body.children[3].id;

outT += "</div><div style='border: 2px solid red'>" ;
outT += " iff.contentWindow.document.body.innerHTML = " + 
                  iff.contentWindow.document.body.innerHTML ;
outT += "</div>" ;

DP.innerHTML  = outT ;
</script>

Edit

#iframe #內聯框架元素 #document #contentWindow #iframe.contentWindow.document #script open() #script write() #script close()

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單