广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    跨浏览器使用javascript/jQuery获取iframe的内容

    2018-04-06 10:41:05 次阅读 稿源:互联网
    零七广告

    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)

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告