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

最新推荐文章于 2023-03-25 15:11:31 发布
原创 最新推荐文章于 2023-03-25 15:11:31 发布 · 173 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了两种实用的JavaScript技巧，一种是从父窗口调用iframe内的元素，另一种是从iframe内部调用父窗口的元素。这两种方法能够帮助开发者更好地管理页面间的交互。

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

JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 8480
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
JS iframe父子页面元素调用方法
shaking的博客
07-20 334
父窗口调用子窗口 window.frames["iframe_ID"].document.getElementById("元素名").object_attribute = attribute_value 子窗口调用父窗口 parent.document.getElementById("元素名").object_attribute = attribute_value
javascript之在iframe中关闭parent窗口
fycghy0803的专栏
02-26 2140
在iframe中加载的页面中使用window.close();将无法关闭对应的parent窗口,必须使用top.close()才能将iframe对应的parent窗口关闭,另必须使用window.open的方式打开窗口,如果不使用window.open打开窗口,即使用在top.close();之前加上top.opener = null,浏览器也会弹出"是否要关闭窗口" 的提示;
iframe实现关闭当前窗口效果
weixin_33713350的博客
09-15 857
<!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> <...
javascript刷新页面 (子窗口 window.open iframe)
mathew的专栏
09-25 3447
在包含iframe的页面中:     window.iframe_name.location.reload();             在iframe中：     parent.location.reload();   2  window.open子窗口window.open("people.aspx?cno="+cid,"", "width=800, height=600,scroll
用Iframe框中的事件来关闭iframe框
ch_improve的博客
12-11 1万+
用Iframe框中的事件来关闭iframe框 window.location.href="about:blank"; window.close();
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子窗口方法
最新发布
07-21
在Web开发中，实现“父窗口调用iframe子窗口方法”是一项常见且重要的功能，尤其在构建复杂的单页面应用或涉及跨窗口通信的场景中。本文将详细介绍如何实现这一功能，并提供相应的代码示例。 iframe是HTML中用于嵌入...
父窗口调用iframe子窗口方法
03-14
在Web开发中，"父窗口调用iframe子窗口方法"是一个常见的交互场景，尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能，并提供相关的源码示例。 首先，理解基本概念。`iframe...
iframe（父窗口与子窗口相互调用要素事件）
weixin_44930643的博客
03-03 384
作者：WJH js父窗口如何获取子窗口的要素： mySelf.animatorVector = new SuperMap.Layer.AnimatorVector("Train", {rendererType: "TadpolePoint",timeName:"PointTime"}, { //设置速度为每帧播放0.02小时的数据 speed: 2, //每秒渲染10帧 frameRate:10, .
父页面中关闭子页面计时器的解决方法
hmwz0001的博客
03-25 433
父页面弹出窗口以iframe的方式加载子页面的数据，当窗口关闭时，子页面的js计时器却还在运行，导致页面卡顿阻塞。首先要给iframe定义一个id，然后在窗口的onBeforeClose事件中关闭子页面的计时器。秋风写于淄博，业务联系与技术交流：Q375172665。
老狗—— iframe子窗口，父窗口,左右窗口js函数互调
weixin_42274953的博客
10-06 306
iframe里面的页面调用父窗口,左右窗口js函数的方法 文章目录iframe里面的页面调用父窗口,左右窗口js函数的方法① 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。② 用js互相调用iframe页面内的js函数 ① 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。 比如有A窗口，A内有个iframe B，B里面的装载的是C页面，这时C要...
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、子窗口的互相操作
上帝De助手
02-17 4432
主页操作iframe： var ifs = document.getElementById('iframeID').contentWindow.document; \\获取到iframe的document对象 document.getElementById(iframeID').contentWindow.jsMethod(); \\调用iframe的JS方法 ifs.getElementBy
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') .
jquery、js调用iframe父窗口与子窗口元素的方法
winter is coming
11-13 4616
1、在父页面 获取iframe子页面的元素 （在同域的情况下 且在http://下测试，且最好在iframe onload加载完毕后 dosomething...） js写法 a、同过contentWindow获取 也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 contentDocu
在父页面调用iframe子页面的JS方法
热门推荐
heartbeaty的专栏
02-18 4万+
parent function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值， 不能为id，因为在FireFox下id不能获取iframe对象 */ }
iframe 父页面与子页面之间的方法、属性的相互调用
lifeOn的博客
04-10 8985
jquery 在父窗口中获取iframe中的元素 1、格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法12、格式：$("#iframe中的控件ID",document.frames("
vue3 中 iframe 引父窗口调用iframe子窗口方法
03-08
### 调用 iframe 子窗口方法 在 Vue 3 中，父窗口可以通过 `contentWindow` 属性来获取 iframe 的 window 对象并调用其内部定义的方法。为了确保安全性和兼容性，在现代浏览器中通常推荐使用 `postMessage()` 方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值