javascirpt實(shí)現(xiàn)2個(gè)iframe之間傳值的方法
本文實(shí)例講述了javascirpt實(shí)現(xiàn)2個(gè)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>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript傳值操作技巧總結(jié)》、《javascript編碼操作技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
localstorage實(shí)現(xiàn)帶過(guò)期時(shí)間的緩存功能
這篇文章主要介紹了localstorage實(shí)現(xiàn)帶過(guò)期時(shí)間的緩存功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06javascript分頁(yè)代碼(當(dāng)前頁(yè)碼居中)
昨天看了妙味課堂的 分頁(yè)視頻教程,今天自己參照其思路,自己寫(xiě)了下,并且自己新增了一個(gè)顯示頁(yè)碼個(gè)數(shù)的屬性 showPageNum2012-09-09js實(shí)現(xiàn)C#的StringBuilder效果完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)C#的StringBuilder效果,以完整實(shí)例形式分析總結(jié)了js實(shí)現(xiàn)C#的StringBuilder效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12javascript組合使用構(gòu)造函數(shù)模式和原型模式實(shí)例
這篇文章主要介紹了javascript組合使用構(gòu)造函數(shù)模式和原型模式的方法,通過(guò)一個(gè)簡(jiǎn)單實(shí)例分析了javascript構(gòu)造函數(shù)模式與原型模式的使用方法,需要的朋友可以參考下2015-06-06JS實(shí)現(xiàn)簡(jiǎn)單的鍵盤(pán)打字的效果
本文給大家分享的是使用javascript實(shí)現(xiàn)的簡(jiǎn)單的鍵盤(pán)打字效果,十分的簡(jiǎn)單實(shí)用,推薦給有需要的小伙伴參考下。2015-04-04jQuery實(shí)現(xiàn)動(dòng)態(tài)生成表格并為行綁定單擊變色動(dòng)作的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)生成表格并為行綁定單擊變色動(dòng)作的方法,涉及jQuery頁(yè)面元素遍歷與事件動(dòng)態(tài)響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-04-04