zoukankan      html  css  js  c++  java
  • iframe与父页面传值

    最近做的项目中用到了不少iframe,而且需要实现:
    从父页面获取iframe中某个元素的值或则从iframe页面获取其父页面上某个元素的值。
    在网上查询了相关东西,后总结如下:
    (1)父页面获取iframe中的元素值:
    Js代码  

    1. //根据iframe的id获取对象  
    2. var i1 = window.frames['iframeId'];  
    3. //var iframe =window.frames[0];也可以  
    4. //获取iframe中的元素值  
    5. var val=i1.document.getElementById("t1").value  


    (2)在iframe中获取父页面中的元素值:
    Js代码  

    1. var val = parent.document.getElementById("txt1");   


    (3)a包含2个iframe分别为b,c,现在从b中获取c中的元素的值:
    Js代码  

    1. var i1 = parent.window.frames['iframeId'];  
    2. var val = i1.document.getElementById("text1").value;  


    注意下:上边的代码适用于ie。我在ie8下测试通过,Firefox3下运行不了(由于项目仅要求IE,不要求Firefox )。下边两句话引用网上其他朋友写的:
    window.opener引用的是window.open打开的页面的父页面。  
    window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面。
    我上传了测试页面,方便大家参考。本人技术有限,有写的不对的地方,希望朋友们指正!^_^

  • 相关阅读:
    poj 1061 (扩展欧几里德算法)
    字符串 (扫一遍 + 计数)
    快排 + 二分
    勾股定理
    WD
    Acmer--弱水三千,只取一瓢
    朱光潜给青年的十二封信 之 谈升学和选课
    朱光潜给青年的十二封信 之 谈读书
    小白书--求 n!
    N阶行列式---常见的几种运算
  • 原文地址:https://www.cnblogs.com/toSeeMyDream/p/5575286.html
Copyright © 2011-2022 走看看