获取子窗口的window对象_获取window的子窗口_xcmercy的博客

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

iframe窗口名在Chrome控制台显示情况

iframe 没有设置 id 和 name 属性值，chrome控制台显示 iframe 名则是截取url地址最后一个斜杠后面的部分（猜测）
iframe 设置了 id 值但没有设 name 属性值，chrome控制台显示 iframe 名则是 id 属性值
iframe 同时设置了 id 值和 name 属性值，chrome控制台显示 iframe 名则是 name 属性值

获取子窗口的window对象

window.frames['子窗口内联框架id值'].contentWindow
window.frames['子窗口内联框架name值']
window.frames[子窗口内联框架索引]

使用iframe的时候，可能会涉及到父子窗口之间传值和方法的相互调用，之前一直有些迷糊，也没有着意去弄清楚，这两天要干活，没法子了只好把这都弄明白了。其实非常简单，就那么几个用法，几句代码而已。子窗口中调用父窗口的js方法：代码如下: parent.changeBtnTitle(‘tzgg’); 一个父窗口中可能会有若干个功能行为类似的子窗口，子窗口中的组件要调用相同或者类似的对象或者方法，那么就把这样的方法写在父窗口中，通过传递参数来达到不同的效果。父窗口获得子窗口中的某个对象：首先要获得子窗口的iframe 对象，比如：代码如下: var frameName = window 1、js在子窗口获取父窗口的 window window .parent //此时可以调用父窗口的 window 方法，比如获取父窗口的高度 window .parent.innerHeight，宽度 window .parent.innerWidth，移动父窗口的位置等，具体的可以看本人博客的《获取浏览器窗口的尺寸及对浏览器窗口的一些操作》篇。 2、js在父窗口获取子窗口的 window 今天看书看到了窗体之间的关系，从中包括了父窗口中包含多个子窗口的获取，下面我就记录一下，防止忘记。代码如下：便于测试将新建两个html文件，其中一个为父窗口 main.html,另一个为子窗口 child.htmlmain.htmlhtml>无标题文档我是父窗口 window .onload=function(){//父窗口获取子窗口有两种方法，//第一种方法是：每个都有一个content... 我们知道父子窗口使用 window .top.postmessage 可以在页面间传递消息。工作中我们是父页面使用 iframe 嵌入子页面，子页面通过 window .top.postmessage 发送消息给父页面，而父页面中同时存在多个使用同样方式嵌入的子页面，父页面统一使用 window .addEventListener 接收消息并处理，业务场景是父窗口需要知道消息是哪个子窗口发送的。二、模拟该业务场景父窗口部分代码 <!DOCTYPE html> 转发：https://blog.csdn.net/jarniyy/article/details/62424919var iframe=document.getElementById("xxx");//父窗口获取 iframe 子窗口对象 var iframew=iframe.content Window ;//iframe 窗口的 window 对象 var iframed=iframew.document;//... 最近在做一个有关邮件发送功能，然而遇到了有关在选择收件人的时候，需要弹出一个子窗口，选择收件人之后将选择的数据返回到父窗口，然后完成发送功能！本想用 window .showModalDialog() 这个方法来获取子窗口的返回值，可是谷歌、QQ等浏览器似乎已不支持，通过参考了一些博客，似乎说新版的谷歌已废除了该用法。父窗口： window .open("user.do", "", "status...