iframe与父页面传值
2016-06-11 14:27
190 查看
最近做的项目中用到了不少iframe,而且需要实现:
从父页面获取iframe中某个元素的值或则从iframe页面获取其父页面上某个元素的值。
在网上查询了相关东西,后总结如下:
(1)父页面获取iframe中的元素值:
Js代码
//根据iframe的id获取对象
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0];也可以
//获取iframe中的元素值
var val=i1.document.getElementById("t1").value
(2)在iframe中获取父页面中的元素值:
Js代码
var val = parent.document.getElementById("txt1");
(3)a包含2个iframe分别为b,c,现在从b中获取c中的元素的值:
Js代码
var i1 = parent.window.frames['iframeId'];
var val = i1.document.getElementById("text1").value;
注意下:上边的代码适用于ie。我在ie8下测试通过,Firefox3下运行不了(由于项目仅要求IE,不要求Firefox
)。下边两句话引用网上其他朋友写的:
window.opener引用的是window.open打开的页面的父页面。
window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面。
我上传了测试页面,方便大家参考。本人技术有限,有写的不对的地方,希望朋友们指正!^_^
iframe_page.rar (1.3 KB)
下载次数: 84
从父页面获取iframe中某个元素的值或则从iframe页面获取其父页面上某个元素的值。
在网上查询了相关东西,后总结如下:
(1)父页面获取iframe中的元素值:
Js代码
//根据iframe的id获取对象
var i1 = window.frames['iframeId'];
//var iframe =window.frames[0];也可以
//获取iframe中的元素值
var val=i1.document.getElementById("t1").value
(2)在iframe中获取父页面中的元素值:
Js代码
var val = parent.document.getElementById("txt1");
(3)a包含2个iframe分别为b,c,现在从b中获取c中的元素的值:
Js代码
var i1 = parent.window.frames['iframeId'];
var val = i1.document.getElementById("text1").value;
注意下:上边的代码适用于ie。我在ie8下测试通过,Firefox3下运行不了(由于项目仅要求IE,不要求Firefox
)。下边两句话引用网上其他朋友写的:
window.opener引用的是window.open打开的页面的父页面。
window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面。
我上传了测试页面,方便大家参考。本人技术有限,有写的不对的地方,希望朋友们指正!^_^
iframe_page.rar (1.3 KB)
下载次数: 84
相关文章推荐
- C++学习笔记 代替define
- spring MVC 获取request中的body体
- HDU1561 The more, The Better(树形DP)
- 第十六周程序阅读(2)
- Linux修改用户所在组方法
- ASA系统管理与日志_02
- 剑指offer(五十九)之二叉搜索树的后序遍历序列
- 数据库主键外键
- Jquery detect page refresh
- Jzptab [Bzoj 2693]
- android通讯录之短信
- MATLAB地图工具箱学习总结(四)自定义投影
- [Java] 对象的声明与实例化
- 面向对象——this和super
- 神奇的栈帧
- Mybatis动态SQL--采用开发案例讲解
- Swift学习第十二枪----移动数据库王者Realm入门教程
- {小结}2016.6.11【初中部 NOIP提高组 】模拟赛C
- 微信接口开发之前准备工作
- LeetCode:Kth Largest Element in an Array