iframe的document属性和Document属性是不一样的

最新推荐文章于 2024-11-30 09:00:00 发布
最新推荐文章于 2024-11-30 09:00:00 发布 · 207 阅读 · 0

本文介绍了iframe元素中的document和Document属性的区别，前者指向iframe自身的document对象，后者指向iframe内容页的document对象。通过示例展示了如何利用Document属性使iframe的高度自适应其内容页的高度。

iframe的document属性和Document属性是不一样的，document表示iframe所在页面的document，Document表示iframe内容页的document。让iframe高度随内容页高度自动适应时会用到这个属性：

如 iframe1.height = iframe1.Document.body.scrollHeight

iteye_12827
关注
jQuery获取iframe的document对象的方法
12-12
获取iframe的document对象的目的就是进行dom的操作 $(function() { var result = $('#myframe').prop('contentWindow').document; console.log(result); }); 这样输出来的结果是：document对象
iframe的document操作
baidu_26872161的博客
08-11 657
导语： 在我写网页代填插件的时候，有遇到拿不到input元素的时候，这时候我去看元素布局，发现有些网站登录那一块是用iframe标签写的，这时候我需要取到的那就是iframe标签下input元素 1.获取页面上的所有iframe标签遍历获取每一个iframe 获取所有的iframe标签 let iframes = document.getElementsByTagName...
iframe的属性：document和Document以及Document的属性和iframe在各个浏览器获得内部文档的写法...
墨尔本,晴
08-03 771
.document引用到是的 iframe所在页面对象， .Document (大写D)，才能引用到iframe内含对象 [code="java"] function SetCwinHeight(obj) { // alert(obj.document.getElementById("tDiv").innerText);//可以获得当前页面id为tDiv的div的值 aler...
iframe document对象
热门推荐
hongweigg的专栏
03-01 1万+
在网页中，如何获取嵌入网页中的iframe内的document 对象呢？ 访问方法： document.getElementById('iframe1').Document 注意：这里的获取document对象使用的是大写的Document， 若写成小写的document对象则指当前网页的document对象。 document.getElementById('iframe1').
jQuery中使用了document和window哪些属性和方法小结
10-28
在jQuery中，通常使用`document.head || document.getElementsByTagName( "head" )[0]`来确保在不支持`document.head`的浏览器中也能正常工作。 3. **document.body**：返回当前文档的HTMLBodyElement元素，允许...
通过伪协议解决父页面与iframe页面通信的问题
09-03
在某些情况下，开发者可能需要在父页面中设置`document.domain`属性，例如当父页面和子页面（iframe）属于同一顶级域名但二级域名不同时，设置`document.domain`可以使它们视为同源。然而，当父页面显式设置了`...
获取iframe标签中的属性
11-07
在HTML中，如果想要获取`<iframe>`标签中的属性，你可以直接通过JavaScript的DOM操作来完成。假设有一个iframe元素，例如...注意，`getAttribute()`方法比直接使用`.`更通用，因为它能处理不存在的属性而不会抛出错误。
前端有多个iframe，如何点击各自的iframe，拿到自定义属性值
最新发布
10-29
但是，这里的需求是点击iframe时获取其自定义属性值（例如data-*属性），这些属性是在iframe标签上的，而不是iframe内部的内容。因此，我们可以直接在父页面中为每个iframe元素添加点击事件监听器，从而获取该...
页面中iframe相互传值传参
10-29
这里，我们通过嵌套使用parent和frames属性，定位到了iframe内部的document对象，然后使用标准的DOM方法getElementById来获取特定元素，并通过value属性来读取该元素的值。这种方式在IE和Firefox中都是可行的，即使...
Iframe, onload 与 document.domain【转】
11-26 223
在web2.0的时代，越来越多的人开始关注使用iframe将第三方网站的内容嵌入自己的网站中。当javascript能够通过其域名进行数据交互 后，iframe开始提供一系列的安全措施，使得一个嵌套于iframe中的第三方网站不可能获取到主体网站的脚本程序。这个跨域的限制同样也让父级页面 无法读取嵌套内容的脚本。从所有的角度来说，父级页面和被iframe包含的页面是完全没有联系的。这个复...
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内部包含文档对象。差之毫厘，谬以千里。切记切记……
js 获取 iframe 里面的 document 以及 window
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
07-22 3535
获取 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...
获取iframe中的document元素（无论是html还是xml都适用）
闲谈
10-31 1060
假设iframe的引用叫做io 则可为 var doc = io.contentWindow ? io.contentWindow.document : io.document     其实区别是这样的， ie上为io.document firefox,opera,safari,chrome上为io.contentWindow.document    ...
iframe.contentDocument 和document.documentElement的区别
weixin_45266691的博客
08-22 889
用于访问和操作嵌入在<iframe>内部的文档。用于访问当前文档的根元素<html>。是针对嵌入的 iframe 内容，而是针对整个当前文档的根元素。
获取iframe内部的DOM元素方式（跨域与不跨域）
jxnd123456的博客
11-30 7142
这里使用contentDocument属性来获取iframe的document对象。由于contentDocument在某些浏览器中可能不被支持，所以使用||操作符来兼容，当contentDocument不可用时，使用contentWindow.document来获取
关于window和document 及iframe
吴佳陶的博客
06-28 1600
Window 对象表示一个浏览器窗口或一个框架,它是一个顶层对象,而不是另一个对象的属性.document 对象代表整个HTML,可用来访问页面中的所有元素：document是window的一个子对象框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 通过window获取iframewindow.f...
获取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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值