首页 - 文章 - Javascript - Javascript小技巧

Javascript 中父窗口与子窗口的交互

作者: 不详     来源: 不详     时间: 2006-08-23 16:52:07
摘要: 有时我们需要在父窗口和子窗口中进行交互，比如在子窗口中上传完文件，将上传的结果返回到父窗口中。本文介绍的就是一个简单的交互实例。如果你的头脑够灵活，完全可以举一反三。
归类: Javascript,

关键词: 子窗口, 父窗口, javascript,

有时我们需要在父窗口和子窗口中进行交互，比如在子窗口中上传完文件，将上传的结果返回到父窗口中。本文介绍的就是一个简单的交互实例。如果你的头脑够灵活，完全可以举一反三。


--------------------------------------------------------------
点此浏览示例文件
--------------------------------------------------------------


Javascript:
  1.  
  2. <script type="text/javascript"> 
  3. <!-- 
  4. function openWindow() 
  5. { 
  6.     newWindow = window.open('','newWindow','height=300,width=300,scrollbars=auto');   
  7.     if (newWindow != null) 
  8.     { 
  9.        var windowHTML= "<html><head><title>preview</title></head>"; 
  10.        windowHTML += "<body><h1 align='center'>"; 
  11.        windowHTML += "这是子窗口!</h1><hr><div align='center'><form action='#' method='get'>"; 
  12.        windowHTML += "<input type='button' value='将父窗口的背景设为红色' onclick='window.opener.document.bgColor=\"red\";' /><br>"; 
  13.        windowHTML += "<br ><input type='button' value='关闭' onclick='self.close();' />"; 
  14.        windowHTML += "</form></div></body></html>"; 
  15.  
  16.        newWindow.document.write(windowHTML); 
  17.        newWindow.focus(); 
  18.     } 
  19. } 
  20. //--> 
  21. </script> 
  22.  



HTML:
  1.  
  2. <input value='打开子窗口' onclick="openWindow();" type="button"> 
  3. <input type="button" value="将子窗口的背景设为蓝色" onclick="if (window.newWindow){newWindow.document.bgColor='blue';newWindow.focus();}" /> 
  4.  



相关文章
发表评论 有想法？点此发表评论？
推荐链接：(联系 QQ ：326801485)