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

现在让我们看看代码的实现。首先，让我们看看主界面的代码。代码如下： HTML head script Type=' text/JavaScript '函数获取数据(data){ alert(data)；document.getElementById('id1 ')。值=数据；}/script/headbody div输入id=' id1 ' type=' text ' value=' 11 '/div div iframe id=' frame id ' src=' http 3360 b . html '/iframe/div/body/html您可以看到，在主页面上定义了一个JavaScript函数实现，传入的数据参数被赋值。让我们看一个嵌入的b.html页面代码，并复制如下代码： script type=' text/JavaScript '函数on test(){ var data=document . getelementbyid(' test ')。价值；父母。GetData(数据)；}/script div input tid=' test ' type=' text ' value='将此值传递给主页面控件'/button onclick=' on test()' test/button/div嵌入在页面中，主要是通过一个button事件取出此页面中一个输入文本控件中的值，然后通过parent调用主页面的函数。GetData(数据)进行操作。

这是单击按钮前的效果。现在点击按钮查看效果。

这样就实现了价值传递的效果。