<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函數(shù)實現(xiàn)，將傳入的data參數(shù)，賦值給id為id1的input 文本控件。

下面來看一個嵌入的b.html頁面代碼

復(fù)制代碼代碼如下:

<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)調(diào)用主頁面的函數(shù)進(jìn)行操作即可。

這是未點(diǎn)擊按鈕前的效果，現(xiàn)在點(diǎn)擊按鈕查看效果。

這樣就實現(xiàn)了傳值的效果

您可能感興趣的文章:

相關(guān)文章

JavaScript多種濾鏡算法實現(xiàn)代碼實例
這篇文章主要介紹了JavaScript多種濾鏡算法實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-12-12
js 編程筆記無名函數(shù)
無名函數(shù)，其中一個作用可能是生成新的函數(shù)對象的引用，主要是用于定義。
2011-06-06
JavaScript直接調(diào)用函數(shù)與call調(diào)用的區(qū)別實例分析
這篇文章主要介紹了JavaScript直接調(diào)用函數(shù)與call調(diào)用的區(qū)別,結(jié)合額實例形式分析了JavaScript直接調(diào)用函數(shù)與call調(diào)用的基本用法、區(qū)別及相關(guān)注意事項,需要的朋友可以參考下
2020-05-05
Javascript中字符串replace方法的第二個參數(shù)探究
當(dāng)我們要把一段字符串中的某些指定字符替換掉，第一時間想到的就是replace方法，他的用法很簡單，W3school上講的清晰易懂。網(wǎng)上有關(guān)replace的文章也有很多了，那么這篇這里主要聊聊它的第二個參數(shù)，下面來一起看看，注意閱讀本文需要對replace方法有一定了解。
2016-12-12
JavaScript中一些特殊的字符運(yùn)算
這篇文章主要介紹了JavaScript中一些特殊的字符運(yùn)算的相關(guān)資料,需要的朋友可以參考下
2017-08-08
原生JavaScript實現(xiàn)貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
javascript實現(xiàn)blob加密視頻源地址的方法
這篇文章主要介紹了javascript實現(xiàn)blob加密視頻源地址的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-08-08
javascript跟隨滾動條滾動的層(浮動AD效果)
javascript跟隨滾動條滾動的層(浮動AD效果)...
2007-08-08
純JS代碼實現(xiàn)氣泡效果
js氣泡效果，在項目需求中經(jīng)常遇到。今天小編把大概實現(xiàn)步驟分享到腳本之家平臺，感興趣的朋友可以參考下
2016-05-05
JS實現(xiàn)二分查找的示例代碼
二分查找也稱折半查找,它是一種效率較高的查找方法,本文主要介紹了JS實現(xiàn)二分查找的示例代碼,具有一定的參考價值,感興趣的可以了解一下
2023-11-11