JS调用iframe父窗口元素和子窗口元素的方法

最新推荐文章于 2023-03-25 15:11:31 发布
最新推荐文章于 2023-03-25 15:11:31 发布
阅读量137 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_18818/article/details/81956694
版权

JS调用iframe父窗口元素和子窗口元素的方法，不错哦。
1、父窗口调用子窗口：
window.frames["iframe_ID"].document.getElementById("iframe_document_object"­).object_attribute = attribute_value

2、子窗口调用父窗口：
parent.document.getElementById("parent_document_object").object_attribute = attribute_value

iteye_18818
关注
专栏目录
js 调用父窗口函数-iframe父窗口和子窗口相互的调用方法
37度2
06-01 4794
<br />　　iframe 父窗口和子窗口相互的调用方法集锦 一、父窗口调用iframe子窗口方法 <br />　　1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> <br />　　2、父窗口调用子窗 口：myFrame.window.functionName(); <br />　　3、子窗品调用父窗 口：parent.functionName(); <br />　　简单地说,也就是在子窗口中调用的变量或函数前加个parent. 就行 <
iFrame 调用父窗口（父页面）的方法
嘿嘿……
12-15 1664
1、对父窗口里Form元素的访问 在DHTML Javascript代码里，window.parent 是iframe页面调用父页面对象，可以直接引用。 比如，我们需要在b.htm中要对a.htm中的username文本框赋值，我们应该在b.html中写 ps:不能跨DNS域获取，例如iframe的src是’http://www.xxx.ccc/’就不可以 ——————————————————
JS iframe父子页面元素调用方法
shaking的博客
07-20 294
父窗口调用子窗口 window.frames["iframe_ID"].document.getElementById("元素名").object_attribute = attribute_value 子窗口调用父窗口 parent.document.getElementById("元素名").object_attribute = attribute_value
javascript之在iframe中关闭parent窗口
fycghy0803的专栏
02-26 2001
在iframe中加载的页面中使用window.close();将无法关闭对应的parent窗口,必须使用top.close()才能将iframe对应的parent窗口关闭,另必须使用window.open的方式打开窗口,如果不使用window.open打开窗口,即使用在top.close();之前加上top.opener = null,浏览器也会弹出"是否要关闭窗口" 的提示;
iframe窗口 js关闭命令
july_young的博客
09-28 1万+
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //执行关闭  parent.location.href="/company-list.html";//回到父级页面  ...
iframe实现关闭当前窗口效果
weixin_33713350的博客
09-15 721
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...
老狗—— iframe子窗口，父窗口,左右窗口js函数互调
weixin_42274953的博客
10-06 252
iframe里面的页面调用父窗口,左右窗口js函数的方法 文章目录iframe里面的页面调用父窗口,左右窗口js函数的方法① 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。② 用js互相调用iframe页面内的js函数 ① 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。 比如有A窗口，A内有个iframe B，B里面的装载的是C页面，这时C要...
jquery、js调用iframe父窗口与子窗口元素的方法整理
10-25
以上就是jQuery和JavaScript调用iframe父窗口与子窗口元素的方法。在实际应用中，要注意跨域问题，如果父页面和iframe的源不同，它们之间的交互可能会受到浏览器同源策略的限制。此外，确保正确引用jQuery库，并且在...
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
01-19
本文将对jquery和js调用iframe父窗口与子窗口元素的方法进行整理。 1. jquery在iframe子页面获取父页面元素 在jquery中，可以使用以下代码来获取父页面的元素： ``` $("#objid", parent.document) ``` 其中，`...
父窗口调用iframe子窗口方法
03-14
在Web开发中，"父窗口调用iframe子窗口方法"是一个常见的交互场景，尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能，并提供相关的源码示例。 首先，理解基本概念。`iframe...
iframe 父窗口和子窗口相互的调用方法集锦
09-05
父窗口调用子窗口时，需要先通过`window.frames`获取到`iframe`的`document`对象，再使用`getElementById`获取具体元素，最后设置属性值，如`window.frames["iframe_text"].document.getElementById("myH1")....
javascript刷新页面 (子窗口 window.open iframe)
mathew的专栏
09-25 3363
在包含iframe的页面中:     window.iframe_name.location.reload();             在iframe中：     parent.location.reload();   2  window.open子窗口window.open("people.aspx?cno="+cid,"", "width=800, height=600,scroll
父页面中关闭子页面计时器的解决方法
最新发布
hmwz0001的博客
03-25 343
父页面弹出窗口以iframe的方式加载子页面的数据，当窗口关闭时，子页面的js计时器却还在运行，导致页面卡顿阻塞。首先要给iframe定义一个id，然后在窗口的onBeforeClose事件中关闭子页面的计时器。秋风写于淄博，业务联系与技术交流：Q375172665。
浏览器主页、iframe、子窗口的互相操作
上帝De助手
02-17 4296
主页操作iframe： var ifs = document.getElementById('iframeID').contentWindow.document; \\获取到iframe的document对象 document.getElementById(iframeID').contentWindow.jsMethod(); \\调用iframe的JS方法 ifs.getElementBy
iframe（父窗口与子窗口相互调用要素事件）
weixin_44930643的博客
03-03 330
作者：WJH js父窗口如何获取子窗口的要素： mySelf.animatorVector = new SuperMap.Layer.AnimatorVector("Train", {rendererType: "TadpolePoint",timeName:"PointTime"}, { //设置速度为每帧播放0.02小时的数据 speed: 2, //每秒渲染10帧 frameRate:10, .
用Iframe框中的事件来关闭iframe框
热门推荐
ch_improve的博客
12-11 1万+
用Iframe框中的事件来关闭iframe框 window.location.href="about:blank"; window.close();
JQ/JS 父页面获取iframe子窗口的元素
cksdbb的博客
09-01 1万+
无论是原生的js还是jquery，我们必须在iframe加载完毕以后才能进行操作获取子页面的元素进行相应的操作。 方法1：原生JS进行父页面获取iframe子窗口的元素 document.getElementById('iframeId').contentWindow.document.getElementsById('iframe子页面Id') window.frames["iframeID"].document.getElementsByClassName('iframe子页面ID') .
JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 7886
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
jquery、js调用iframe父窗口与子窗口元素的方法
winter is coming
11-13 4505
1、在父页面 获取iframe子页面的元素 （在同域的情况下 且在http://下测试，且最好在iframe onload加载完毕后 dosomething...） js写法 a、同过contentWindow获取 也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocu
jquery与js跨iframe父子窗口元素交互方法详解
本文档详细梳理了如何在JavaScript和jQuery框架中有效地操作和调用iframe（帧）中的父窗口和子窗口元素。HTML5中的IFrame技术允许在一个页面中嵌入另一个完整的HTML文档，这就带来了在不同域之间进行交互的需求。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值