iframe获取子框架的值
来源:互联网 发布:数据的作用 编辑:程序博客网 时间:2024/06/04 20:07
iframe可以将网站各页面的公共部分(如导航等)提出来单独做一个页面,减少了代码的冗余。
但说实话,我个人并不喜欢使用这个,因为这个在调整样式的时候会比较麻烦——当然,有可能是我水平太菜的问题。不过现在有很多系统还是使用iframe,前几天在做公司一个项目的时候也遇到了,在获取子框架值上花了不少时间,现在做个总结,也希望能为大家以后节省点时间。
iframe有两种情况。
第一种:在页面中直接使用一个iframe,如图。
页面中这么引入iframe
<iframe src="...." name="ifarme" id="iframe" width.....></iframe>
iframe页面中有如下代码
<form id="form1" name="form1" method="post" action=""><input type="text" id="sonText" name="sonText" /></form>
那么从父级页面取iframe值
function getvalue() { alert(iframe.form1.sonText.value); //iframe名.表单名.控件名.value //也可以根据控件id来取值 var text = window.iframe.document.getElementById('sonText').value; //iframe为iframe标签的name值 }
iframe获取父级页面的值与上边相似:
window.parent.document.getElementById('标签ID').value;
第二种:一个页面中有多个iframe,iframe之间互相取值,如图。
在iframe2中获取ifame1的值如下:
window.parent.frames['iframe1'].sonText.value;//或window.parent.frames['iframe1'].document.getElementById('sonText').value;
- iframe获取子框架的值
- iframe子级框架获取父级框架的值
- 获取子框架(iframe) 内控件的值
- iframe子页面中获取父页面元素的值
- iframe获取父、子窗口的方法
- iframe获取父、子窗口的方法
- iframe获取父、子窗口的方法
- iframe获取父、子窗口的方法
- iframe获取父、子窗口的方法
- iframe获取父、子窗口的方法
- iframe获取父、子窗口的方法
- iframe获取父、子窗口的方法
- iframe获取父、子窗口的方法
- jquery 获取子iframe里面的元素
- 父页面 获取 子iframe的元素
- iframe 父框架和子框架传值
- 获取子框架的内容
- 使用iframe框架传值时,子窗口无法直接获得父窗口的参数值
- Cocos2d-x学习(四):带光标的输入框
- android的adb详解(多设备时adb调用)
- 再谈Redirect(客户端重定向)和Dispatch(服务器端重定向)
- 【FLASH BUILDER 4.6 快捷键】只记几个对自己有帮助的
- learning Linux 1 part
- iframe获取子框架的值
- 2012年9月 吉林大学计算机相关专业招聘会信息汇总
- 关于X220硬盘安装mac杯具史
- Random();
- JBOSS AS5.1 默认tag的实例是单例, 修改配置可以改成非单例
- cocos2d-x学习(二):动作Action(延时类动作)
- HDU 1104 BFS 队列
- shell 入门
- Gridpanel中设置默认选中行的功能实现