js将iframe中控件的值传到主页面控件中的实现方法
来源:互联网 发布:通信工程新定额 软件 编辑:程序博客网 时间:2024/05/16 14:51
主要是通过在主页面定义一个传输数据的函数GetData(data),然后在iframe嵌入页面中通过parent.GetData(data),这样即可在GetData实现将data进行处理即可。
现在来看一下代码的实现,首先来看一个主界面的代码
复制代码代码如下:
<html>
<head>
<script type="text/javascript">
function GetData(data)
{
alert(data);
document.getElementById("id1").value=data;
}
</script>
</head>
<body>
<div>
<input id="id1" type="text" value="11" />
</div>
<div>
<iframe id="frameid" src="b.html">
</iframe>
</div>
</body>
</html>
可以看到在主页面定义一个JavaScript函数实现,将传入的data参数,赋值给id为id1的input 文本控件。
下面来看一个嵌入的b.html页面代码
复制代码代码如下:
<script type="text/javascript">
function OnTest()
{
var data=document.getElementById("test").value;
parent.GetData(data);
}
</script>
<div>
<input id="test" type="text" value="将此值传到主页面控件中" />
<button onclick="OnTest()">test</button>
</div>
嵌入页面中主要通过一个按钮事件,将此页面中一个input文本控件中的值取出,然后通过parent.GetData(data)调用主页面的函数进行操作即可。
这是未点击按钮前的效果,现在点击按钮查看效果。
这样就实现了传值的效果
0 0
- js将iframe中控件的值传到主页面控件中的实现方法
- 如何实现将JS动态添加的TR中的值传到后台中并批量插入
- 如何将js中的值传到后台action中
- 如何将js中的值传到后台action中
- 如何将js中的值传到后台action中
- 如何将js中的值传到后台action中
- 如何将js中的值传到后台action中
- 在winform上实现浏览文件夹控件并将值传到后台及浏览文件控件
- js代码:实现主页面滚动条随iframe里的内容自动调整
- Js实现主页面中显示/隐藏层的效果
- 在iframe里调用主页面里的js函数
- jquery load方法把一个页面载入到主页面的一个div中替换iframe
- 弹出层中中的iframe如何传值给主页面
- 获得iframe中的控件值
- js实现 菜单iframe与主页面iframe 重叠 防止互相遮挡 代码参考
- 一个超链接传递服务器控件上的值 并将值传到链接的页面
- 用于上传文件,实现把本地的文件,传到服务器中去的 FileUpload控件
- 在用户控件中如何调用主页面的事件之事件委托
- IO流之字节流
- iOS - Swift - 语法糖
- 纯爱,纯爱,可叹缠绵难再
- iOS 获取视频的任意一帧
- 全排列 hdoj1027
- js将iframe中控件的值传到主页面控件中的实现方法
- jquery.validate.js之一【整理】
- io流笔记第四发用字符流读写
- 快速排序
- jsp中通过部署标识符方式配置filter、listener、servlet
- Hust oj 2019 n! problem II(大数阶乘)
- PHP实现页面静态化——全部纯静态化
- POI导出大量数据的简单解决方案(附源码)
- 杭电 1498 50 years, 50 colors【二分匹配+最小点覆盖问题】