[Javascript]主網頁傳值給iframe頁面,或iframe頁面傳值給主網頁的應用

2008-11-13

91515
0
JavaScript

今天剛好有人提到這樣的問題..去找了一下資料..
分享給大家如何使用javascript達到此功能...

今天剛好有人提到這樣的問題..去找了一下資料..

分享給大家如何使用javascript達到此功能...

A.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>A</title> </head> <body> <div> A.htm <input type="text" id="T1" size="20" /> <input type="button" value="送出↓" onclick="SendMsg()" /> <iframe src="b.htm" id="iframe" width="100%" height="100%"></iframe> </div> </body> </html> <script type="text/javascript"> function SendMsg() { var ifrmae = document.getElementById('iframe'); ifrmae.contentDocument.getElementById("T1").value = document.getElementById("T1").value; } </script>

B.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>B</title> </head> <body> <div> B.htm <input type="text" id="T1" size="20" /> <input type="button" value="送出↑" onclick="SendMsg()" /> </div> </body> </html> <script type="text/javascript"> function SendMsg() { parent.document.getElementById("T1").value = document.getElementById("T1").value; } </script>

執行結果:

回首頁