iframe是内联框架,允许你单独的html文件加载到一个现有的文件。您还可以加载文件的动态“src”属性。假设有一个需要iframe内容和过程使用javascript。下面的例子可以帮助你做,这已经是一个跨浏览器Firefox和IE浏览器的解决方案。
让我们加载一个简单的HTML文件在iFrame,并获得该文件的内容与方法getiframecontent JavaScript。
<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>
what getIframeContent method do?
function getIframeContent(frameId){ var frameObj = document.getElementById(frameId); var frameContent = frameObj.contentWindow.document.body.innerHTML; alert("frame content : "+frameContent); }
getElementById(frameid)
零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。