JS获取iframe中的document以及window

最新推荐文章于 2022-06-27 21:36:20 发布
最新推荐文章于 2022-06-27 21:36:20 发布
阅读量2.4k 收藏 3
点赞数 3
分类专栏： javascript 文章标签： javascript
原文链接：https://blog.csdn.net/maotou526/article/details/99673035
版权

原文：https://blog.csdn.net/maotou526/article/details/99673035

window:

JS：document.getElementsByTagName('iframe')[0].contentWindow

JQ：$('iframe')[0].contentWindow

 

document:

JS：document.getElementsByTagName('iframe')[0].contentWindow.document

JQ：$('iframe').contents()[0]

 

贝茵斯都
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取iframe中的window对象的实现方法
01-19
jQuery获取iframe的window对象 var win = $(‘#ifr’)[0].contentWindow; JS原生方法获取iframe的window对象 document.getElementById(“ifr”).contentWindow; 可见  $(‘#ifr’)[0].contentWindow 和 document.getElementById(“ifr”) 是等价的 在看下面一种情况 var ifr1 = document.getElementById(“ifr”); var ifr2 = window.frames[0]; ifr2.frameElement
获取iframe中的DOM元素
热门推荐
Ziuc的博客
09-30 1万+
在iframe没有加载完毕时，是无法直接从根document获得iframe中的DOM节点的 ① 先获取页面中的iframe元素 ② 等待iframe加载完毕 假设页面中有若干iframe，其中index=1的iframe中有需要的元素.cke_show_borders 通过JS实现： let iframeDocument = document.getElementsByTagName('iframe')[1].contentDocument; let myDOM = iframeDocumen
获取iframe内容相关记录
微灬墨的博客
03-31 2150
前提：公司一组件可通过id获取富文本内容添加到一个iframe内展现。但是添加后iframe的高度需要自己去获取然后添加，之前的开发者使用iframeDom.contentDocument.scrollingElement.scrollHeight获取iframe内容高度，但是却不稳定，测试多次成功率低，总是拿到0，还未深究，先初步了解了下。不多说上代码： 一、HTMLIFrameElement......
Js获取iframe中的元素
nbme的博客
05-20 8505
1.iframe中不存在name和id的方法 var iframe = document.getElementsByTagName('iframe')[0].contentWindow iframe.document.querySelector("#元素") 2.iframe中存在name或者id var iframe = document.getElementById('iframeId') iframe.querySelector("#元素") 3.子窗口获取父窗口的元素 v...
js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）
zxphwz的专栏
11-05 1994
第一种情况：iframe中不存在name和id的方法：（通过contentWindow获取） var iframe = document.getElementsByTagName('iframe')[0]; var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者： var _iframe = document.g
学习js中document和window几大对象
10-29
document是window的一个对象属性。 Window 对象表示浏览器中打开的窗口。 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 所有的...
JS中Iframe之间传值的方法
12-07
 b>如果要获取父页面js中的方法：window.parent.xxxx（）；xxxx()为方法； 2.在父页面中获取iframe子页面中的元素：  a>  var child = document.getElementByIdx_x(“mainFrame”).contentWindow;//mainFrame这个...
js中iframe调用父页面的方法
01-19
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下： 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 ...
使用jquery/js获取iframe父子级、同级获取元素的方法
12-02
在父窗口中获取iframe中的元素 1、 格式：window.frames[“iframe的name值”].document.getElementById(“iframe中控件的ID”).click(); 实例：window.frames[“ifm”].document.getElementById(“btnOk”).click()...
document获取iframe_【JavaScript 教程】DOM——Document 节点
weixin_39829166的博客
11-19 1367
作者 | 阮一峰1、概述document节点对象代表整个文档，每张网页都有自己的document对象。window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档，该对象就存在了，可以直接使用。document对象有不同的办法可以获取。正常的网页，直接使用document或window.document。iframe框架里面的网页，使用iframe节点的conte...
iframe父页面与子页面之间的元素获取与方法调用
CAO11021的博客
02-22 4229
父页面与子页面之间的元素获取与方法调用： 1、JS 父调子方法： window.onload = function () { 1、 document.getElementById("子页面元素ID").contentWindow.子页面方法名; 2、 document.getElementsByTagName("子页面元素标签名")[i].contentWindow.子页面方...
HTML中Iframe获取父级元素的方法
qq_38101454的博客
04-30 1388
window.parent.document.getElementsByClass('classname')[0].attrname = ''; window.parent.document.getElementById('tagId').attrname = ''; window.parent.document.getElementsByTagName('tagname')[0].attrn...
浏览器同源政策及其规避方法
09-07 1172
转自：http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html 浏览器安全的基石是”同源政策”（same-origin policy）。很多开发者都知道这一点，但了解得不全面。  本文详细介绍”同源政策”的各个方面，以及如何规避它。 一、概述 1.1 含义  1995年，同源政策由 Netscape 公司
JQuery获取iframe中window对象的方法-contentWindow
weixin_33904756的博客
01-10 3191
document.getElementsByTagName('iframe')[0].contentWindow 获取到的就是iframe中的window对象. 转载于:https://www.cnblogs.com/ylht/p/10249676.html
javascript window获取iframe、iframe获取window、document
wzp6010625的博客
05-25 6776
前言 日常开发中，经常用到在window中获取某个iframe，或者在iframe中获取当前window。这里做个总结，记在心里后，就不用每次都百度了。 iframe和iframe的关系 首先需要说明的是，w3c已经不推荐使用frame，而推荐使用iframe，iframe也就是inline frame（行内frame），顾名思义它具有css的行内框特性，正是因为这一特性才引出来iframe...
vue 根页面上操作 iframe 的方式（伪造多页面）：
m0_61452987的博客
06-27 1804
在vue单页面程序中做类似于h5的多页面程序，使得切换页签时不会重新渲染组件而是直接切换
js 获取 iframe 里面的 document 以及 window
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
07-22 3110
获取 iframe 的 window document.getElementById('kaimoIframe').contentWindow 获取 iframe 的 document document.getElementById('kaimoIframe').contentDocument
iframe自适应高度
djt的专栏
06-05 2272
来自:http://ued.koubei.com/2008/05/07/iframe-auto-fit-height/这贴比较长，没有耐性的朋友请直接拖到帖子末尾的代码示例，或者直接去玩我提供的Demo。Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html下面开始讲：通过Google搜索iframe 自适应高度，结
如何获取iframe的document
最新发布
03-16
要获取iframe的document，可以使用以下方法： 1. 使用JavaScript的getElementById方法获取iframe元素。 2. 使用iframe元素的contentWindow属性获取iframe的window对象。 3. 使用window对象的document属性获取iframe的document对象。 例如： ``` var iframe = document.getElementById("myIframe"); var iframeDoc = iframe.contentWindow.document; ``` 其中，myIframe是iframe元素的id。通过这种方法，就可以获取到iframe的document对象了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值