添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

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

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

获取子窗口的window对象

  1. window.frames['子窗口内联框架id值'].contentWindow
  2. window.frames['子窗口内联框架name值']
  3. 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...