JS获取iFrame的内容

2024-05-22 03:54:54
因为前面的图片上传用到了iframe，这里记录一下用js获取iframe内容的代码，尤其当iframe的src为图片时：
function GetIframeInnerHtml(objIFrame)
{
        var iFrameHTML = "";
        if (objIFrame.contentDocument)    
        {
                // For NS6
                iFrameHTML = objIFrame.contentDocument.innerHTML;    
        }    
        else if (objIFrame.contentWindow)    
        {
                // For IE5.5 and IE6
                iFrameHTML = objIFrame.contentWindow.document.body.innerHTML;
        }    
        else if (objIFrame.document)    
        {
                // For IE5
                iFrameHTML = objIFrame.document.body.innerHTML;
        }
    
        return iFrameHTML;
}
<iframe src="kitty.jpg" id="frmIn" name="frmIn" scrolling="no" width="450" height="450"></iframe>

<input type="button" value="click" οnclick="alert(GetIframeInnerHtml(document.all.frmIn))">

document.all.frmIn.contentWindow.document.body.innerHTML
frmIn是iframe的id
在FF里获取到的内容是这样的：
在IE里获取到的内容是这样：
差不多了，这样！

转载于:https://blog.51cto.com/katrina/143636

JS获取iFrame的内容相关推荐

  1. js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...

    用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...

  2. js获取剪切板内容（企业微信内嵌网页）

    js获取剪切板内容 应用场景 剪切板内容获取 腾讯会议获取会议时间.会议链接和会议号 更新========================= 企业微信页面剪切板内容读取 iPhone无法进入页面 零宽 ...

  3. js获取iframe中的元素_在 HTML 中包含资源的新思路

    作者:scott jehl 翻译:疯狂的技术宅 原文:https://www.filamentgroup.com/lab/html-includes/未经许可严禁转载 注意:这篇文章描述了一种我们仍需 ...

  4. 抓取html的内容,js获取网页选中内容(包含html代码)

    例子,js获取网页选中的内容. 复制代码 代码示例: function getSelectedContents(){ if (window.getSelection) { //chrome,firef ...

  5. js获取iframe里的元素

    1.<iframe id="list_iframe" name="list_iframe"></iframe> iframe页面元素: ...

  6. js 获取 eWebEditor 的内容

    最近想使用一个html编辑器,而我想获取的值又是通过客户端面的,想起以前使用过 eWebEditor 在线编辑器还不错, 但是以前的获取值都是在后台获得的,试过用 document.getElemen ...

  7. php js获取表单内容,jquery form表单获取内容以及绑定数据_javascript技巧

    在日常开发的过程中,难免会用到form表单,我们需要获取表单的数据保存到数据库,或者拿到后台的一串json数据,要将数据绑定到form表单上,这里我写了一个基于jquery的,formHelp插件,使 ...

  8. js获取json文件内容

    搞了很久才搞出来,一定要记一下这次 创建两个js文件,获取两个不同的json文件,就可以导入两个json文件数据,欢迎大家给予更好的建议谢谢 js文件 //get_g1.js function f1( ...

  9. JavaScript 技术篇-js获取iframe内的元素方法实例演示

    var a = document.querySelector("iframe") 获取到 iframe. var b = a.contentWindow.document 获取到 ...

最新文章

  1. ServletContext 与application的异同
  2. bat no moudle named xxx
  3. 初学数位DP--hdu 2089
  4. UPS电源报警器一直响是什么问题？
  5. mybatis-generator 插件扩展，生成支持多种数据库的分页功能
  6. 如何保证电子邮件的安全
  7. 沈阳招聘.NET(C#)高级软件工程师
  8. Linux文件服务器实战（系统用户）
  9. 当你遇到modifying layer that is being finalized的时候怎么办？
  10. [转]git merge 与 git rebase的区别
  11. MySql常用函数汇总
  12. python爬取国内代理ip_python爬虫实战：爬取西刺代理的代理ip（二）
  13. Android音量系统分析
  14. 你一定要看的安装及卸载测试用例的步骤及方法总结
  15. OpenEmu MAME核心自动更新解决
  16. Jenkins集成动态salve报错 连接测试报错：
  17. [AV1] AV1 帧内预测
  18. 海龟python词树_python海龟画树
  19. 微软抄袭 AppGet 始末，开源普法任重道远
  20. mysql的WAL技术是什么_我们常听到的WAL到底是什么

热门文章

  1. web前端学习day_04:jQuery框架
  2. 微信多开txt_微信仅需3步操作，就能多开登录？手把手包教包会
  3. forms oracle runtime_FRM-92101:forms Server在启动过程中失败
  4. Kali Linux安装OpenVAS
  5. ARP缓存表的构成ARP协议全面实战协议详解、攻击与防御
  6. centos ipvsadm 规则保存_从VAR精神到判罚规则：终场哨声后的VAR点球，到底是否合理？...
  7. js post中服务器500错误信息,node.js - Node Express Post 500（内部服务器错误）jquery-3.4.1.min.js - 堆栈内存溢出...
  8. java中let_java Signleton模式详解及示例代码
  9. 放眼2018年，我们对虚拟现实产品有五大疑问
  10. 只懂JavaScript也可以开发VR/AR内容了！