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