js将iframe中控件的值传到主页面控件中的实现方法

现在来看一下代码的实现，首先来看一个主界面的代码复制代码代码如下:<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)调用主页面的函数进行操作即可。这是未点击按钮前的效果，现在点击按钮查看效果。这样就实现了传值的效果

　　推荐阅读

　　瀑布流布局并自动加载实现代码

自从Pinterest使用了一种新的方式布局取得成功之后，从此互联网出现了布局潮流，我们把他叫做瀑布流！！在互联网流行起来，从国外到国内普遍存在。国内现有美丽说，蘑菇街，花瓣等代表的网站。瀑布流是流行一段时>>>详细阅读

本文标题：js将iframe中控件的值传到主页面控件中的实现方法

地址：http://www.17bianji.com/kaifa2/JS/22241.html

1/2 1