javascript弹出窗口向父页面回传值

最近太忙，近一个月没更新blog，残念~ 希望这周能够解脱悲惨的命运~

父窗口代码

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE> Window 1 </TITLE>
  5. </HEAD>
  6.  
  7. <BODY>
  8. <H1>Window 1</H1>
  9. <INPUT TYPE="text" NAME=""><INPUT TYPE="submit">
  10.  
  11. <script>
  12. var aInput = document.getElementsByTagName("input");
  13. for (i = 0 ; i < aInput.length ; i++ )
  14. {
  15. if (aInput[i].getAttribute("type") == "text") var textboxA = new Object(aInput[i]);
  16. if (aInput[i].getAttribute("type") == "submit") var btnA = new Object(aInput[i]);
  17. } // 这里把html里的2个标签定义出来，让行为层和结构层分离的更彻底
  18.  
  19. btnA.onclick = function()
  20. {
  21. window.open('b.html','newwindow','height=100,width=400')
  22. } //使用window.open方法弹出窗口；此方法适用于各种浏览器
  23. </script>
  24. </BODY>
  25. </HTML>

弹出窗口代码

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE> New Document </TITLE>
  5. </HEAD>
  6.  
  7. <BODY>
  8. <H1>Window 2</H1>
  9. <INPUT TYPE="text" NAME="" value="11"><INPUT TYPE="submit">
  10.  
  11. <script>
  12. var aInput = document.getElementsByTagName("input");
  13. for (i = 0 ; i < aInput.length ; i++ )
  14. {
  15. if (aInput[i].getAttribute("type") == "text") var textboxB = new Object(aInput[i]);
  16. if (aInput[i].getAttribute("type") == "submit") var btnB = new Object(aInput[i]);
  17. }
  18.  
  19. btnB.onclick = function(){
  20. var sTextValue = textboxB.value
  21. window.opener.textboxA.value = sTextValue
  22. window.close();
  23. } //使用window.opener 方法获取父页面的对象，把子页面的值赋过去
  24. </script>
  25. </BODY>
  26. </HTML>

演示地址

Tags: 07月 7th, 2008 Posted in JavaScript
This entry was posted on 星期一, 07月 7th, 2008 at 17:00 and is filed under JavaScript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “javascript弹出窗口向父页面回传值”

  1. 匿名 Says:

    12月 16th, 2008 at 15:24

    ss



Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Powered by WordPress | Blue Weed by Blog Oh! Blog | Entries (RSS) and Comments (RSS).