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

最新推荐文章于 2023-03-25 15:11:31 发布

iteye_18818

最新推荐文章于 2023-03-25 15:11:31 发布

阅读量137

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/iteye_18818/article/details/81956694

版权

web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_18818

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

723

<!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

3365

在包含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

344

父页面弹出窗口以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

7897

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

iframe 父页面与子页面之间的方法、属性的相互调用

lifeOn的博客

04-10

8878

jquery 在父窗口中获取iframe中的元素 1、格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法12、格式：$("#iframe中的控件ID",document.frames("

在父页面调用iframe子页面的JS方法