【翻譯】使用javascript獲取iframe的內容

時間 2019-11-10

標籤翻譯使用 javascript 獲取 iframe 內容欄目 JavaScript 简体版

原文原文鏈接

Iframe是一個內嵌框架，它容許你任意的加載HTML文件到你如今的document裏面，你可以經過「src」屬性來動態的加載文件。那麼假如你要經過javascript獲取Iframe框架裏面的內容而且處理它。那麼這裏有一個例子能夠幫助如何去作。而且這些例子經過了FireFox瀏覽器和IE的兼容。先加載一個簡單的Html文件到iframe中來看看效果。而後經過javascript中的getIframeContent方法來獲取文件的內容。 javascript

GetIframeDetails.html html

<html>
 <body>
 <iframe id="testFrame" src="FrameContent.html" >
 </iframe>
<a href="#" onclick="getIframeContent('testFrame');">Get the content of Iframe</a>
 </body>
<script>
 function getIframeContent(frameId){
 var frameObj = document.getElementById(frameId);
 var frameContent = frameObj.contentWindow.document.body.innerHTML;
 alert("frame content : "+frameContent);
 }
 </script>
 </html>

FrameContent.html

<html><body>
 <div id="testFrameContent" style="border:1px;">
 This is simple HTML file which is loaded inside the iframe.
 </div>
 </body>
 </html>

經過 getIframeContent方法怎麼作？

function getIframeContent(frameId){
 var frameObj = document.getElementById(frameId);
 var frameContent = frameObj.contentWindow.document.body.innerHTML;
 alert("frame content : "+frameContent);
 }