[JS]js来取iframe框架中的内容源代码参考
[JS]js来取iframe框架中的内容源代码参考,Iframe是⼀个内嵌框架，它允许你任意的加载HTML⽂件到你现在的document⾥⾯
Iframe是⼀个内嵌框架，它允许你任意的加载HTML⽂件到你现在的document⾥⾯，你能够通过“src”属性来动态的加载⽂件。那么假如你要通过javascript获取Iframe框架⾥⾯的内容并且处理它。那么这⾥有⼀个例⼦可以帮助如何去做。并且这些例⼦通过了FireFox浏览器和IE的兼容。先加载⼀个简单的Html⽂件到iframe中来看看效果。然后通过javascript中的getIframeContent⽅法来获取⽂件的内容。
GetIframeDetails.html
01. <html>
02. <body>
03. <iframe id="testFrame"src="FrameContent.html">
04. </iframe>
05. <a href="#"onclick="getIframeContent('testFrame');">Get the content of Iframe</a>
06. </body>
07. <script>
08.  function getIframeContent(frameId){
09.  var frameObj = ElementById(frameId);
10.  var frameContent = tWindow.document.body.innerHTML;
11.  alert("frame content : "+frameContent);
12.  }
13. </script>
14. </html>
FrameContent.html
01. <html><body>
02. <div id="testFrameContent">
03.  This is simple HTML file which is loaded inside the iframe.
04. </div>
05. </body>html frame
06. </html>
通过 getIframeContent⽅法怎么做？
01. function getIframeContent(frameId){
02.  var frameObj = ElementById(frameId);
03.  var frameContent = tWindow.document.body.innerHTML;
04.  alert("frame content : "+frameContent);
05.  }
getElementById(frameId) – 获取所引⽤的iframe对象
contentWindow – 它是⼀个属性，返回的是指定的frame或者iframe所在的window对象
contentWindow.document – 返回的是所指定的iframe⽂档对象
contentWindow.document.body.innerHTML –返回的是iframe中body部分的html
你可以获取iframe⾥⾯任意的标签元素。也可以通过标签的name/id来处理。让我们假设⼀个使⽤场景：假如我们要获取iframe⾥⾯的，div的内容。那么我们可以通过下⾯这条语句来检索它
01. ElementById(“testFrameContent”).innerHTML

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。