子窗口如何查找自己在父窗口对应的iframe

wxllyf 2010-01-30 04:48:26

是这样的
我自己写了个编辑器【写着玩】

遇到点问题
以下为简单的代码示例







<iframe></iframe>

<textarea></textarea>



<iframe></iframe>

<textarea></textarea>



<iframe></iframe>

<textarea></textarea>

由于我给iframe绑了blur事件
当出发时将值存入iframe 后面紧跟的 textarea 中

问题来了
怎么才能向上查找到对应的iframe？
绑一堆id那种不优雅的方法就算了=。=

...全文

191 10 打赏收藏转发到动态举报

写回复

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

xue12300 2010-05-07

打赏
举报

回复

iframe能不能加入文字

licip 2010-02-01

打赏
举报

回复

起ID是一种很好习惯呀。

xuetao121 2010-02-01

打赏
举报

回复

2楼5楼正解，我就不出来丢人了

longlikema 2010-01-31

打赏
举报

回复

DOM遍历

mayer_mq 2010-01-31

打赏
举报

回复

index or name.

打字员 2010-01-30

打赏
举报

回复

要么用个DIV把两个套上，

找就用iframeObj.parentNode.getElementsByTagName('textarea')[0]

不过我觉得最好是传ID，直接些，也没什么不优雅的。

因为方法是封装的，你传ID的话，自定义程度同样高，如果要调用也方便，不用专门写个选定对象的方法。

happy664618843 2010-01-30

打赏
举报

回复

window.frames["id"].contentwindow.document.getElementById("对象的ID")

浴火_凤凰 2010-01-30

打赏
举报

回复

使用DOM遍历文档

孟子E章 2010-01-30

打赏
举报

回复

parent.document.getElementsByTagName("iframe")[x]

or

parent.frames[x]

iframe元素就是文档中的文档。 window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象。但是，如果一个文档定义了一个或者多个框架(即：包含一个或者多个frame或者iframe标签)，浏览器就会为原始文档创建一个window对象，再为每个iframe创建额外的window对象，这些额外的window对象是原始窗口的子窗口。 contentWindow: 是指指定的iframe或者iframe所在的window对象 Demo1 父页面fu.html: <!DOCTYPE html> <html lang="en"> <head> <meta cha

本文实例讲述了jQuery子窗体取得父窗体元素的方法。分享给大家供大家参考。具体如下： $(#父窗口元素ID,window.parent.document); 对应javascript版本为 window.parent.document.getElementById(父窗口元素ID); 取父窗口的元素方法： $(selector, window.parent.document); 取父窗口的父窗口的元素就可以用： $(selector, window.parent.parent.document); 类似的，取其它窗口的方法大同小异获取iframe父窗体元素： $(sele

所以这套课程都能自己学下来，等于上了培训学校一次，完全可以找个java工程师的工作了。本门课程为"java大数据培训学校全套教材"系列课程的第二十四篇，学习setInterva，setTimeout，窗口及frame等概念。

使用当gitbook做为其它页面的子页面嵌入时，在gitbook所在的iframe内切换文章时，并不会在父页面的url中反映出来，这将导致不能复制文章的url时总是会跳到这个gitbook的首页，极为不方便。此插件安装后，会在切换文章的时候，将当前章节url的最后一部分做为url hashkey追加在父页面url的未尾，如： gitbook页面url为： http://localhost/xxx-gitbook/pageA.html 则其父窗口的url会显示为： http://localhost/path/to/page.html#pageA.html 当然，你还需要在父容器的js代码里添加处理hashkey的部分的代码，将iframe跳转到对应的页面。比如： $(function() { // 如果存在hashkey，则将iframe跳转到对应的页面 if (locatio

在IE5.5+中开始支持的Popup窗口有很多很特别的特性： Popup窗口可以超出浏览器窗口区域；可以不用担心被下拉框、flash、Iframe等这些东西遮挡；一个Popup窗口打开后，当在它的区域以外点击或者另一个Popup窗口被打开时都会自动关闭； Popup窗口是没有焦点的；用户不能改变Popup窗口大小； Popup窗口中的内容是不能被选择的； ...... 因为这些特征，Popup窗口制作的菜单比起传统的div(层)实现的菜单有着得天独厚的优势，不仅效果会非常好，而且代码也会是非常少的，只是对于实现起来却有几个需要解决的棘手问题：多个Popup共存的问题、如何递归生成菜单、如何控制Popup的显示隐藏…… 要用Popup制作菜单一个最重要的问题就是要解决多个Popup共存的问题，Msdn上的描述是：“一个Popup窗口打开后，当另一个Popup窗口被打开时就会自动关闭”。我本来一直以为Popup窗口是不可以多个共存的，不过偶然从51js上知道：父Popup窗口可以创建子Popup窗口，子Popup窗口又可以创建子Popup窗口，这样就可以同时存在一个Popup窗口家族，当父Popup窗口关闭，所有的子孙窗口都会关闭。这点恰好可以运用在菜单中——父菜单关闭子菜单一起关闭，省去很多繁琐的判断。最开始，我写了一个简单的两层的Popup右键菜单，为此专门写了一个根据级数生成Popup窗口家族的递归方法： var pops = new Array(); // 用来存储Popup窗口家族的数组 function CreatePopup(degree) { if (degree < 0) // 层数不能小于0 return null; if (pops[degree] != null) //如果已经存在则不需创建 return pops[degree]; if (degree == 0) pops[0] = window.createPopup(); //创建最顶层Popup窗口 else{ if (pops[degree - 1] == null) pops[degree - 1] = CreatePopup(degree - 1) //递归回溯一层一层开始创建 pops[degree] = pops[degree - 1].document.parentWindow.createPopup(); //从父Popup窗口创建子Popup窗口 } pops[degree].document.body.setAttribute("degree", degree); return pops[degree]; } CreatePopup(1); //创建一个2层的Popup家族这个方法可以解决多个Popup共存的问题，只是如果要使用这个方法来实现无限级菜单代码恐怕就比较繁琐了。这个例子，只是为我验证了无限级Popup窗口共存的可能，并没有继续走下去，因为我有了更好的思路。 Xml真是好东西，在Web控件中，可以得到灵活的运用（在我的上篇随笔《xml+xsl+htc，web控件开发的理想组合》中，已经简单提到了xml+xsl+htc的理想组合），在这里也不例外，先用Xml来定义好菜单的数据menu.xml：通过Xml，可以很方便直观的定义菜单数据。菜单数据已经定义好了，现在问题就是如何来把这些xml数据变成Popup菜单？！在传统的用div(层)来实现的菜单，一般都是一次性将所有级菜单数据生成HTML，放在各个层中，然后动态在制定位置显示隐藏这些层来实现模拟菜单的效果，在这里当然也可以这么做。回想一下菜单的特征：每次显示一级菜单，如果该级菜单中某菜单项中有子菜单，当鼠标经过或者点击该菜单项时弹出下级子菜单，这是一个递归的过程。如果我们可以：每次显示一级xml的内容，如果该级xml中某节点有子节点，当鼠标经过该节点时读取下级xml的内容，这也是一个递归的过程，而且恰好和菜单的显示过程是一一对应的。既然大胆假设了一把，那么就来小心求证一下：首先，用xsl来实现解析一级xml很容易搞定，使用xsl:for-each遍历生成子菜单，并且，如果子菜单中还有子xml数据，将这些子xml数据存在子菜单对应的数据岛中，以备后面处理鼠标经过或点击菜单项时用到。下面是Menu.xsl用来生成子菜单的部分：

现在就是解决鼠标经过菜单项时，如果有子菜单则解析子菜单数据，并使用子Popup窗口显示子菜单数据，刚才我们存的数据岛这时候就可以派上用场了。在xsl中，需要用到一些客户端脚本来辅助完成了 // 创建当前窗体（可以是IE窗体也可以是Popup窗体）的Popup对象 // 这个Popup对象就是用来存储子菜单数据的 var oPopup = document.parentWindow.createPopup(); // 装载xsl var stylesheet = new ActiveXObject("Microsoft.XMLDOM"); stylesheet.async = false; stylesheet.load( "menu.xsl" ); // 鼠标经过菜单项 function ItemOver(obj) { // 隐藏已经打开的菜单项 if (preObj != null) { if (preObj == obj) return; oPopup.hide(); // 要清空原Popup中的数据——document.write()方法是接着原来的内容往里面写，所以如果不清空会出现重复数据 oPopup = document.parentWindow.createPopup(); // 恢复前一个菜单项的状态 ItemNormal(preObj); preObj = null; } obj.className='PopMenuItemOver'; if (obj.cells(2).children.length > 0) //有子菜单 { obj.cells(2).children(0).src = "images/ArrowRHighlight.gif"; // 获取子菜单xml数据 var subMenuData = obj.all.tags("xml")(0).XMLDocument; // 根据子菜单xml数据和当前xsl文档生成HTML var sHtml = subMenuData.transformNode(stylesheet); // 将解析出来的HTML全部输出到Popup中，在Popup中，又可以利用这些脚本再Popup…… oPopup.document.write(sHtml); // 计算popup内容的实际宽度高度 oPopup.show(0, 0, 1, 1, obj); var width = oPopup.document.body.scrollWidth; var height = oPopup.document.body.scrollHeight; oPopup.hide(); // 显示菜单 oPopup.show(obj.offsetWidth, 0, width, height, obj); preObj = obj; } } // 鼠标移出菜单项 function ItemOut(obj) { if (oPopup.isOpen && preObj == obj) // 如果子菜单被打开则跳过 return; ItemNormal(obj); } // 恢复到菜单项的默认状态 function ItemNormal(obj) { obj.className='PopMenuItem'; if (obj.cells(2).children.length > 0) { obj.cells(2).children(0).src = "images/ArrowR.gif"; } } 这样：使用menu.xsl解析一级xml的内容生成一级菜单，如果该级xml中某节点有子节点，当鼠标经过该节点时，创建当前窗口/Popup窗口的子Popup窗口，使用menu.xsl解析子节点中xml的内容并输出显示到子Popup中，递归，即可通过Popup显示所有子菜单。作为一个菜单来讲，这个例子还有很多要完善的地方（当我再结合htc时它绝对是一个非常棒的菜单控件），但是这个例子已经完整地实现了一个xml结合xsl递归生成无限Popup菜单的例子，这个简洁的代码再次印证了xml+xsl+htc的理想组合。

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章