javascirpt實現(xiàn)2個iframe之間傳值的方法
更新時間：2016年06月30日 11:41:09 作者：droidcoffee
這篇文章主要介紹了javascirpt實現(xiàn)2個iframe之間傳值的方法,涉及javascript針對iframe框架下的頁面元素操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascirpt實現(xiàn)2個iframe之間傳值的方法。分享給大家供大家參考，具體如下：
index.htm
<body> <table border="1" width="100%"> <tr> <td width="100%"><iframe src="iframe1.htm" name="aa"></iframe></td> </tr> <tr> <td width="100%"><iframe src="iframe2.htm" name="bb"></iframe></td> </tr> </table> </body>
iframe1.htm
<html>
<title>1</title>
<head>
<script type="text/JavaScript">
<!--
function aa(){
parent.frames["bb"].document.all["TextBox3"].value = document.getElementById("TextBox1").value;
parent.frames["bb"].document.all["TextBox4"].value = document.getElementById("TextBox2").value;
alert(parent.frames["bb"].document.all["TextBox3"].value);
alert(parent.frames["bb"].document.all["TextBox4"].value);
}
// --></script>
</head>
<body>
<form id="a">
<input id="TextBox1" type="text" id="TextBox1" value="1"/>
<input id="TextBox2" type="text" id="TextBox2" value="2"/>
<input id="T" type="button" value="3333333" onclick="aa();"/>
</form>
</body>
</html>
iframe2.htm
<html> <title>2</title> <head></head> <body> <form id="b"> <input id="TextBox3" type="text" id="TextBox1" value="1231111"/> <input id="TextBox4" type="text" id="TextBox2" value="123"/> </form> </body> </html>
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript傳值操作技巧總結(jié)》、《javascript編碼操作技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript中的一些隱式轉(zhuǎn)換和總結(jié)(推薦)
這篇文章主要介紹了JavaScript中的一些隱式轉(zhuǎn)換和總結(jié),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-12-12
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)字符雨效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
javascript文件夾選擇框的兩種解決方案 怎么都有缺陷啊。不過更傾向于第一種2009-07-07
處于安全上的考慮，input[type="file"] 的文件選擇按鈕樣式并不能隨意修改(不過可以修改input 的透明度)，可能會跟設計師的設計格格不入，這時可以使用透明效果來自定義上傳按鈕2012-12-12
本文主要介紹了JavaScript的事件執(zhí)行機制，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
jquery的.click()點擊事件為什么無效，on('click',function())如何使
jquery的.click()點擊事件,通常都是可以正常使用的,有時選中的選擇器被點擊時無法觸發(fā)回調(diào)函數(shù),這是為什么呢？改成on綁定click就可以了嗎？面對這樣的情況,on('click',function())應該如何使用？2023-08-08
這篇文章主要為大家介紹了JavaScript分水嶺CommonJS對比ES模塊分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)時分秒倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript?數(shù)組方法filter與reduce
這篇文章主要介紹了JavaScript?數(shù)組方法filter與reduce，在ES6新增的數(shù)組方法中，包含了多個遍歷方法，其中包含了用于篩選的filter和reduce2022-07-07
這篇文章主要介紹了解決微信小程序中的滾動穿透問題,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09