zoukankan      html  css  js  c++  java
  • Jquery获取iframe中的元素

    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  }

    时不我待,不负韶华!立刻行动!不吃学习的苦就会吃生活的苦!
  • 相关阅读:
    (网页)中的简单的遮罩层
    (后端)shiro:Wildcard string cannot be null or empty. Make sure permission strings are properly formatted.
    (网页)jQuery的时间datetime控件在AngularJs中使用实例
    Maven Myeclipse 搭建项目
    MyBatis 环境搭建 (一)
    java 常用方法
    XML 基础
    JS BOM
    js 事件
    js 的使用原则
  • 原文地址:https://www.cnblogs.com/zrp2013/p/3664542.html
Copyright © 2011-2022 走看看