关于iframe的contentDocument和contentWindow

最新推荐文章于 2024-08-22 09:54:59 发布

转载最新推荐文章于 2024-08-22 09:54:59 发布 · 984 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bobogoodgoodstudy/p/3735695.html

本文介绍了如何使用contentDocument和contentWindow来兼容不同浏览器的iframe内容获取方法。通过结合使用这两种方式，可以确保在大多数现代浏览器中都能正确地获取到iframe内部的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

contentDocument是获得iframe子窗口的document对象，但兼容ff和ie8+

contentWindow是获得子窗口的window对象，兼容大部分浏览器，contentWindow.document才是获得document对象

所以获得iframe内容时一般兼容性写法是这样的 (iframe.contentDocument||iframe.contentWindow.document).body.innerHTML

转载于:https://www.cnblogs.com/bobogoodgoodstudy/p/3735695.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34415923

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

contentDocument实现iframe自适应子页面高度

MyFirstBook527的博客

10-08

3080

刚开通博客不久，经常在看到前辈和大牛在博客上分享技术经验，就想用博客来记录一些遇到过的问题和解决问题的经验。前两天一朋友和我讨论到用iframe内嵌网页如何做到让iframe自适应子页面的高度。我之前也遇到过同样的问题，如果iframe在不设置高度的情况下，默认高度为150px（在谷歌浏览器下亲试，其他浏览器未实验），如果iframe通过js引用其他子页面进来也无法像div那样通过内

iframe.contentWindow 属性：关于contentWindow和contentDocument区分

weixin_34150224的博客

11-13

2001

定义和用法　　contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档，可以通过所有标准的 DOM 方法来处理被返回的对象。　　语法：frameObject.contentWindow，或者 iframeObject.contentWindow（不是jquery对象）　　用iframe嵌套页面时，如果父页面要获取子页面里面的内容，可以使用contentW...

参与评论您还未登录，请先登录后发表或查看评论

各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试

dream8062的专栏

09-01

5881

各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试 2012-05-12 10:44:23互联网【字体：大中小】浏览次 Iframe易于嵌套及管理页面，但经常遇到跨域、父子页面访问问题，对于子页面访问父页面可以兼容性地通过window.Top或window.Parent或window.frameElem

iframe.contentWindow介绍

weixin_30954265的博客

08-06

1312

一、在使用iframe的页面，要操作这个iframe里面的DOM元素可以用： contentWindow、contentDocument(测试的时候chrome浏览器，要在服务器环境下) 1、先获取iframe里面的window对象，再通过这个对象，获取到里面的DOM元素例： var ifr = document.getElementById('iframe'); //...

iframe加载完成后操作contentDocument

weixin_30307267的博客

01-14

297

如何实现在iFrame加载相应的aspx 完成后再操作contentDocument中的元素？思路：先判断iframe的readyState是不是完成状态，如果是就进行相应的操作，否则延迟一定的时间间隔后继续递归条用方法本身。 restoreViewState() { If(iframe.readyState==”complete”) { 处理iframe.c...

iframe.contentDocument 和document.documentElement的区别

weixin_45266691的博客

08-22

780

用于访问和操作嵌入在<iframe>内部的文档。用于访问当前文档的根元素<html>。是针对嵌入的 iframe 内容，而是针对整个当前文档的根元素。

深入解析contentWindow, contentDocument

09-05

首先，它获取了父级iframe的`contentWindow`，然后通过`contentWindow`进一步获取到子级和孙级iframe的`contentDocument`，计算出它们的内容高度，并将这些高度设置回对应的iframe元素，从而实现自适应高度的效果。...

iframe.contentWindow, 获取iframe的window对象iframe.contentDocument, 获取iframe的document对象

06-18

在JavaScript中，`iframe.contentWindow` 和 `iframe.contentDocument` 是用来与嵌套在父页面内的IFrame（内联框架）进行交互的重要属性。这些属性允许你访问到IFrame内的窗口和文档对象，以便于操作其内容。 1. `...

iframe.contentDocument

热门推荐

巴黎的妖

05-19

1万+

一、父级窗口操作iframe里的dom JS操作iframe里的dom可以使用contentWindow属性： contentWindow属性，是指指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则，必须指定contentWindow属性，conten

iframe添加addEventListener无效、获取Iframe的contentWindow和contentDocument失败，不使用postMessag，如何监听iframe点击事件

weixin_44434938的博客

12-26

6647

iframe添加addEventListener无效、获取Iframe的contentWindow和contentDocument失败，不使用postMessag，如何监听iframe点击事件

JS获取iframe中的document以及window

weixin_40532650的博客

11-20

2535

window: JS：document.getElementsByTagName('iframe')[0].contentWindow JQ：$('iframe')[0].contentWindow document: JS：document.getElementsByTagName('iframe')[0].contentWindow.document JQ：$('iframe').contents()[0]

javascript window获取iframe、iframe获取window、document

wzp6010625的博客

05-25

7109

前言日常开发中，经常用到在window中获取某个iframe，或者在iframe中获取当前window。这里做个总结，记在心里后，就不用每次都百度了。 iframe和iframe的关系首先需要说明的是，w3c已经不推荐使用frame，而推荐使用iframe，iframe也就是inline frame（行内frame），顾名思义它具有css的行内框特性，正是因为这一特性才引出来iframe...

javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,...

weixin_34112900的博客

11-13

1474

javascript获取iframe框架中，加载的页面document对象因为浏览器安全限制，对跨域访问的页面，其document对象无法读取、设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentWi...

为什么js无法通过contentDocument获取到iframe内容

SunFlower914的博客

04-19

1807

在页面中iframe加载到内容的情况下，无论怎么获取，js拿到的iframe内部都是空的，观察发现iframe的地址和项目的地址没有满足同源策略...

iframe自适应高度

djt的专栏

06-05

2379

来自:http://ued.koubei.com/2008/05/07/iframe-auto-fit-height/这贴比较长，没有耐性的朋友请直接拖到帖子末尾的代码示例，或者直接去玩我提供的Demo。Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html下面开始讲：通过Google搜索iframe 自适应高度，结

contentWindow.document获取对话框iframe里边的body并给点击事件，检测用户活跃的各种事件的方法

u010782109的博客

08-30

573

【代码】contentWindow.document获取对话框iframe里边的body并给点击事件，检测用户活跃的各种事件的方法。