获取iframe中的document元素（无论是html还是xml都适用）

最新推荐文章于 2024-11-30 09:00:00 发布
原创 最新推荐文章于 2024-11-30 09:00:00 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML #XML #Chrome #IE #Safari

本文介绍了如何在不同浏览器中正确地获取iframe内的文档对象。针对IE浏览器和其他主流浏览器（Firefox、Opera、Safari、Chrome）之间的差异性提供了解决方案。

假设iframe的引用叫做io

则可为

var doc = io.contentWindow ? io.contentWindow.document : io.document

 

 

其实区别是这样的，

ie上为io.document

firefox,opera,safari,chrome上为io.contentWindow.document

 

 

27、探索HTML5标签结构：关键元素与应用
u8v9w0x1y的博客
06-21 71
这篇博客详细介绍了HTML5引入的关键标签和元素，以及它们如何提升网页的结构清晰度、搜索引擎友好性和可维护性。内容涵盖了HTML5的语义化标签如SECTION、ARTICLE、NAV等的使用，还涉及了新表单特性、CSS3样式设计、移动设备适配策略，以及Canvas和SVG图形创建方法。同时探讨了HTML5在地理位置支持、数据存储和多媒体嵌入方面的功能，帮助开发者构建现代化、交互性强的网页。
【前端知识梳理】HTML篇 笔记整理（一）
超逸の学习技术博客
03-28 1858
写在开头 大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。 一直想着成为一个up主，正值时间挺多的，4月份左右面试的面经我会制作视频去分...
获取iframe内部的DOM元素方式（跨域与不跨域）
最新发布
jxnd123456的博客
11-30 7120
这里使用contentDocument属性来获取iframe的document对象。由于contentDocument在某些浏览器中可能不被支持，所以使用||操作符来兼容，当contentDocument不可用时，使用contentWindow.document来获取
获取iframe里面的document
请问你找钟大小姐吗？
08-12 1013
  $("#iframeId").contentWindow.document    
iframe的document属性和Document属性是不一样的
栩风
01-28 4056
iframe的document属性和Document属性是不一样的，document表示iframe所在页面的document，Document表示iframe内容页的document。让iframe高度随内容页高度自动适应时会用到这个属性： 如 iframe1.height = iframe1.Document.body.scrollHeight
iframe.contentDocument 和document.documentElement的区别
weixin_45266691的博客
08-22 888
用于访问和操作嵌入在<iframe>内部的文档。用于访问当前文档的根元素<html>。是针对嵌入的 iframe 内容，而是针对整个当前文档的根元素。
获取frame 标签里#documents里面的内容
master_ning的博客
12-25 3355
最近几天在爬一个网站，里面有frame标签。 今天有想获取frame标签下面#documents里面的内容，查了一晚上的资料，幸好找到，明天可以交差了。。。 一个有frame标签的网站，http://www.lmtw.com/search.php?show=title%2Ckeyboard%2Cwriter&amp;searchget=1&amp;keyboard=%E7%94%B5%E8%A...
【深入探讨】：突破技术限制，4种方法解决iframe子页面元素获取问题
在现代网页设计中，Iframe被广泛用于嵌入第三方内容，但同时带来了子页面元素获取的挑战。本文全面探讨了Iframe子页面元素获取的挑战与限制，并分析了Iframe与跨文档通信的基本原理及其安全实践。通过深入理解Iframe...
图标点击实现div隐藏显示与js操作xml及iframe示例
无论使用哪种方法，实现的原理都是通过修改DOM元素的CSS属性来改变其显示状态。 ### JavaScript读取XML文件的方法 XML（Extensible Markup Language，可扩展标记语言）常用于存储和传输数据。JavaScript提供了...
DOMParser解析HTML与XML字符串的高效工具
无论是构建内容聚合系统、实现安全的内容过滤机制，还是开发自动化测试工具，理解并熟练运用 DOMParser 都是前端工程师不可或缺的核心技能之一。通过对该工具的学习与应用，不仅可以提升代码的健壮性和可维护性，还...
如何获取ifarem内元素
qq_67519713的博客
01-06 1010
通过iframe中的contentDocument属性来访问嵌套文档中的对象
iframe的document操作
baidu_26872161的博客
08-11 657
导语： 在我写网页代填插件的时候，有遇到拿不到input元素的时候，这时候我去看元素布局，发现有些网站登录那一块是用iframe标签写的，这时候我需要取到的那就是iframe标签下input元素 1.获取页面上的所有iframe标签遍历获取每一个iframe 获取所有的iframe标签 let iframes = document.getElementsByTagName...
获得document的iframe时有两种方法
邓学彬(泪闯天涯)的专栏
09-07 5295
1.通过get_frames获得IHTMLFramesCollection2接口，然后再获得iframe的document了，但是这种方法如果iframe和外层页面跨域会遇到E_ACCESSDENIED的问题；2.通过EnumObjects( OLECONTF_EMBEDDINGS, &pEnumerator )的方式获得iframe的document，这种方法不存在跨域的问题；
029.爬虫专用浏览器-抓取跨域#document下的内容
w1101662433的博客
10-23 1848
如何获取跨域iframe的#document里的内容 - 网络上有其他解决方案，这里我提供一个修改chromium源码的方案。
iframe的Document属性与Document属性（Dhtml 一字之差）
zsyzsj的专栏
07-28 1287
iframe的Document属性 (Posted on 2006/04/20 16:24)在DHTML中，我们都应该很熟悉iframe.document属性，而iframe.Document(注意哦，是大写的D）属性却很少被提及。iframe.document指向的是其所在的文档对象而iframe.Document指向的是该iframe内部包含文档对象。差之毫厘，谬以千里。切记切记……
对于frame下document的理解
shanhuhau的专栏
03-27 2388
因为最近在改一些JS的东西，今天遇到了一些下嵌套的取值情况。 发现原来每个包含的页面都有自己的一个document对象，要想取得某个页面的值必须定位到该frame下，然后才能取到。 一下面的情况为例：index.jsp top.jsp" name="topFrame" scrolling="NO" noresize APPLICATION="yes"> lef
html页面多个file控件,一个页面多个文件上传控件实现方法
weixin_29830873的博客
06-04 1033
方法实现如下：对ajaxFileUpload.js插件进行修改以实现多文件上传。步骤：(该方法来自：http://www.cnblogs.com/wiseblog/articles/5913579.html，但我在操作过程中遇到问题)一、修改源码，(源码只支持单个文件的上传)：在ajaxFileUpload.js插件里找到如下代码，进行修改://修改前代码-------//varoldEleme...
js 获取 iframe 里面的 document 以及 window
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
07-22 3534
获取 iframe 的 window document.getElementById('kaimoIframe').contentWindow 获取 iframe 的 document document.getElementById('kaimoIframe').contentDocument
document获取iframe_【JavaScript 教程】DOM——Document 节点
weixin_39829166的博客
11-19 1590
作者 | 阮一峰1、概述document节点对象代表整个文档，每张网页都有自己的document对象。window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档，该对象就存在了，可以直接使用。document对象有不同的办法可以获取。正常的网页，直接使用document或window.document。iframe框架里面的网页，使用iframe节点的conte...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值