當前位置：
首頁 >
JavaScript将iframe中控件的值传到主页面控件中
發布時間：2025/3/15
35
豆豆
生活随笔
收集整理的這篇文章主要介紹了
JavaScript将iframe中控件的值传到主页面控件中
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
主要是通過在主頁面定義一個傳輸數據的函數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 οnclick="OnTest()">test</button> </div>?嵌入頁面中主要通過一個按鈕事件，將此頁面中一個input文本控件中的值取出，然后通過parent.GetData(data)調用主頁面的函數進行操作即可。
這是未點擊按鈕前的效果，現在點擊按鈕查看效果。
這樣就實現了傳值的效果
?
總結
以上是生活随笔為你收集整理的JavaScript将iframe中控件的值传到主页面控件中的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： iOS.Dev.Support.Mult
- 下一篇： 使用 Spring 2.5 注释驱动的