操作iframe中的对象

最新推荐文章于 2022-07-29 17:09:07 发布
最新推荐文章于 2022-07-29 17:09:07 发布
阅读量102 收藏
点赞数
分类专栏： JS 文章标签： JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_18107/article/details/81791490
版权
获得iframe中的document对象

var iframe= document.getElementById(iframeID);
var doc = iframe.contentDocument;
if (doc == undefined || doc == null)
doc = iframe.contentWindow.document;
//可以通过doc操作iframe中的标签内容了

访问iframe中的JavaScript对象或方法
var obj = iframe.contentWindow;
//obj.对象
//obj.方法
iteye_18107
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe使用
m0_67403240的博客
08-01 836
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。同理，父页面可以获取子页面的内容，那么子页面也同样能获取父页面内容。不同源的情况下，即使可以互相获取到对方的window对象，也无法对其进行操作，例如触发事件。在同源的情况下，父页面和子页面都可以互相获取到对方的window对象；属性，通过window提供的。...
iframe的使用
qq_27009517的博客
05-13 590
window.top.document window.document <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style> #box { height: 100%; width: 100%; max-width: 640px; backgrou
用javascript访问操作iframe中的dom对象
anik69987的博客
10-19 172
我们通过Javascript可以动态加载操作iframe对象属性src属性指向的html页面的内容。这样的操作需要提供两个页面，一个页面是iframe所在页面(页面名称：iPage.html)，另一个页面是iframe属性src指向页面（页面名称：srcPage.html）。 iPage.html，<body>里dom： <iframe id=“iId“ name=“i...
iframe子对象的操作
yintengfei的专栏
06-12 393
在页面中嵌套了iframe， 获取iframe中的window对象：
获取当前操作的IFrame 对象的方法
weixin_34025051的博客
03-27 1774
分两种情况：第一种：获取iframe对象的JS函数在父页面上，如下 function getIframeByElement(element){ var iframe; $("iframe").each(function(){ if(element.ownerDocument === this.contentWindow.document) { ...
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
10-26
总的来说，当我们在父窗口中操作iframe元素或者在iframe中操作父窗口元素时，关键点在于正确地获取对方的文档对象，然后再利用jQuery的方法对DOM进行操作。通过上述方法，我们可以灵活地在父子窗口之间进行元素的...
JS获取并操作iframe中元素的方法
12-09
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: ...
js获取iframe中的window对象的实现方法
10-22
在处理跨域、模块化开发或者复杂交互时，我们可能需要获取到`iframe`内的`window`对象，以便与`iframe`内容进行通信或操作。`window`对象在JavaScript中代表一个浏览器窗口，它包含了全局变量、函数以及与用户交互...
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
12-09
本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考，具体如下： 我们在使用EasyUI Tabs框架时，在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法，这时候我们...
jQuery操作iframe中js函数的方法小结
10-22
jQuery操作iframe中js函数的方法主要包括了对iframe元素的操作、对父页面元素的操作、在主页面中调用iframe的js函数以及在jQuery中调用iframe的js函数四个部分，每一个部分都有其特定的方法和注意事项。 首先，操作...
Java面试基础篇
m0_67392010的博客
07-29 3706
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。Java的强引用、弱引用、软引用、虚引用。Java语言基础常识。Java12新特性。JavaIO详解。...
js显示当前日期（****年**月**日 星期*）
脉兜
01-13 569
[code="js"] function initArray(){ this.length=initArray.arguments.length; for(var i=0;i
解决EXT3 GridPanel 无法选中复制问题
脉兜
05-07 531
通过实践，删除gridPanel上指定class="x-grid-panel"即可。 以下使用jquery方式删除（生成GridPanel后执行）： [code="javascript"] //fix EXT GRID 选中复制 $(".x-grid-panel").removeClass("x-grid-panel"); [/code]...
window.opener 控制父窗口
脉兜
02-10 267
window.opener是指调用window.open方法的窗口，如在A窗口中打开B窗口，在B窗口中操作完以后关闭B窗口，同时自动刷新A窗口。 例： demo.htm in.htm ...
设置iframe的高度
脉兜
03-29 197
为了使iframe不出现滚动条（使用浏览器自身的滚动条），需要把iframe内嵌页面的scrollHeight高度设置给iframe的height，这里需要注意的是，在设置iframe高度前需要把iframe的高度清空下，具体如下： [code="html"] [/code] [code="js"] /** * iframe 高度自适应js */ $(document).re...
我的jQuery插件：jpopmenu
脉兜
01-22 140
最近都不知道在忙些什么，没什么项目可做的，一天一天照样过的很快，昨天下午写了个jpopmenu插件，今天把这个jQuery插件整理了下放到je博客上，大家参考下:arrow: 来看看代码吧： [code="js"]// / /* * jpopmenu version: 1.0.0 (2010-01-21) @ jQuery v1.3.* * * css style...
通用的cookie处理函数
脉兜
02-17 135
cookie的处理过程比较复杂，并具有一定的相似性。因此可以定义几个函数来完成cookie的通用操作，从而实现代码的复用。下面列出了常用的cookie操作及其函数实现。 1．添加一个cookie：addCookie(name,value,expireHours) 该函数接收3个参数：cookie名称，cookie值，以及在多少小时后过期。这里约定expireHours为0时不设定过期时间，即当...
怎么操作iframe中的dom
最新发布
03-31
要操作iframe中的DOM，需要先获取iframe的引用或元素，并使用其contentWindow属性访问其中的文档对象，然后就可以像操作普通的HTML文档一样操作其中的DOM元素。 以下是一个示例代码，假设iframe的id为"myFrame"，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值