标签指定一个内联框架。它允许我们将单独的 HTML 文件加载到现有文档中。</p> <p><strong>代码片段：</strong> </p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace">function getIframeContent(frameId) { var frameObj = document.getElementById(frameId); var frameContent = frameObj. contentWindow.document.body.innerHTML; alert("frame content : " + frameContent); } </code></pre> </div> <p>下面给出了一些定义：</p> <ul> <li> <strong>getIframeContent(frameId)：</strong>用于获取 iframe 的对象引用。</li> <li> <strong>contentWindow：</strong>它是一个返回 iframe 的 window 对象的属性。</li> <li> <strong>contentWindow.document：</strong>它返回 iframe 窗口的文档对象。</li> <li> <strong>contentWindow.document.body.innerHTML：</strong>返回 iframe body 的 HTML 内容。</li> </ul> <p><strong>示例：</strong>以下示例演示将单独的 HTML 文件包含到现有文档中。 </p> <div class="noIdeBtnDiv"> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html> <head> <title> How to get HTML content of an iFrame using javascript? </title> </head> <body> <iframe id="frameID" src= "ContentOfFrame.html"> Get the content of Iframe