1) 新页面式，通过使用window.open()

父页面parent.html

 
    
     
     
  1. <html> 
    2.  
     
  2. <head> 
    3.  
     
  3. <title>parenttitle> 
    4.  
     
  4. <script language="javascript"> 
    5.  
     
  5.     function method() {  
    6.  
     
  6.         window.open("child.html");  
    7.  
     
  7.     }  
    8.  
     
  8. script> 
    9.  
     
  9. head> 
    10.  
     
  10. <body> 
    11.  
     
  11.     <form method=post action=""> 
    12.  
     
  12.         <input type="text" name="" id="textparent"/><br> 
    13.  
     
  13.     form> 
    14.  
     
  14.     <input type="button" value="foward" onclick="method()"/> 
    15.  
     
  15. body> 
    16.  
     
  16. html> 
    17.  
    
 
    
子界面child.html
 
    
 
    
     
     
  1. <html> 
    2.  
     
  2. <head> 
    3.  
     
  3. <title>childtitle> 
    4.  
     
  4. <script language="JavaScript"> 
    5.  
     
  5.     function getValue(str) {  
    6.  
     
  6.         window.opener.document.getElementById("textparent").value = str;  
    7.  
     
  7.         window.close();  
    8.  
     
  8.     }  
    9.  
     
  9.  
    10.  
     
  10.     function load() {  
    11.  
     
  11.         var str = window.opener.document.getElementById("textparent").value;  
    12.  
     
  12.         window.document.getElementById("textchild").value = str;  
    13.  
     
  13.     }  
    14.  
     
  14. script> 
    15.  
     
  15. head> 
    16.  
     
  16. <body onload="load()"> 
    17.  
     
  17.     <input type="text" name="" id="textchild" /><br> 
    18.  
     
  18.     <a href="parent.html" onclick="getValue('11')">111a> 
    19.  
     
  19.     <a href="parent.html" onclick="getValue('22')">222a> 
    20.  
     
  20. body> 
    21.  
     
  21. html> 
    22.  
    
 
    
点击父页面按钮跳转到新页面，也就是子页面，点击子页面的链接将值传递回父页面中，查看效果。