博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery获取iframe中的元素
阅读量:6574 次
发布时间:2019-06-24

本文共 1362 字,大约阅读时间需要 4 分钟。

hot3.png

iframe与父页面之间相互获取元素的方法:

1、从父页面中获取iframe页面中的元素:

用法: $(window.frames["iframe_include_adverse"].document).find()

如:$(window.frames["iframe_include_adverse"].document).find("input:not(:hidden[name*='_'])"),从父页面获取iframe页面中 除去隐藏域(hidden)中name属性值包含"_"的所有input标签元素。

注:iframe_include_adverse:为父页面中<iframe>的id属性值;

2、从iframe中获取父页面中的元素:

用法: $(window.parent.document).find()

如:$(window.parent.document).find("#span_bean"),从iframe中获取父页面中id属性值为"span_bean"的元素。

注:span_bean:为父页面中元素的id属性值。

下面分别介绍不同层次框架间的互相引用:

1.父框架到子框架的引用:

    知道了上述原理,从父框架引用子框架变的非常容易,即: window.frames["frameName"]; 
这样就引用了页面内名为frameName的子框架。如果要引用子框架内的子框架,根据引用的框架实际就是window对象的性质,可以这样实现: window.frames["frameName"].frames["frameName2"];  这样就引用到了二级子框架,以此类推,可以实现多层框架的引用。

 2.子框架到父框架的引用:

    每个window对象都有一个parent属性,表示它的父框架。如果该框架已经是顶层框架,则window.parent还表示该框架本身。

 3.兄弟框架间的引用:

     如果两个框架同为一个框架的子框架,它们称为兄弟框架,可以通过父框架来实现互相引用,

例如一个页面包括2个子框架:

<frameset rows="50%,50%">

        <frame src="1.html" name="frame1" />

    <frame src="2.html" name="frame2" />

</frameset>

在frame1中可以使用如下语句来引用frame2: self.parent.frames["frame2"]; 

4.不同层次框架间的互相引用

    框架的层次是针对顶层框架而言的。当层次不同时,只要知道自己所在的层次以及另一个框架所在的层次和名字,利用框架引用的window对象性质,可以很容易地实现互相访问,例如: self.parent.frames["childName"].frames["targetFrameName"]; 

5.对顶层框架的引用:

和parent属性类似,window对象还有一个top属性。它表示对顶层框架的引用,这可以用来判断一个框架自身是否为顶层框架,

例如: //判断本框架是否为顶层框架 if(self==top){  //dosomething  }

转载于:https://my.oschina.net/andy1989/blog/163125

你可能感兴趣的文章
【公理】黎曼猜想
查看>>
What is mean by an “R&D department” in any IT company?
查看>>
Java 解析 python使用 pickle序列化后的数据
查看>>
Redis 列表(List)
查看>>
爬虫爬取的网易云热门歌单
查看>>
maxwell的使用--日志增量订阅&消费
查看>>
【示例教程】如何使用LEADTOOLS 的JAVA接口从护照中识别和提取数据
查看>>
关于studio升级 部分报错 查找原因的方法--个人总结
查看>>
Java通信编程 Java Scoket
查看>>
简单对比WDCP与宝塔面板WEB环境区别与选择建议
查看>>
PostgreSQL全文检索简介
查看>>
Canvas学习:globalCompositeOperation详解
查看>>
C语言轻松高效学习方法之:多种方法实现
查看>>
javascript--Object遍历
查看>>
网络协议详解
查看>>
【Java动态性】之反射机制 reflection
查看>>
前端框架是什么?十个主流web前端框架分析
查看>>
第一章 计算机工作原理
查看>>
Java 集合 HashMap ConcurrentHashMap
查看>>
Windows Server 2012 Hyper-V、VMware共存解决方案
查看>>