js实现弹出页面并传值到另一页面的方法
来源:绵阳动力网络公司  时间:2015-01-29  阅读:19

本文实例讲述了javascript弹出页面回传值的方法。分享给大家供大家参考。具体实现方法如下:

a1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> Window 1 </TITLE> 
</HEAD> 
  
<BODY> 
<H1>Window 1</H1> 
<INPUT TYPE="text" NAME="a">
<INPUT TYPE="button" ONCLICK="return test();" > 
  
<script> 
 function  test(){
   window.open('b1.html','newwindow','height=100,width=400') ;
  }
</script> 
</BODY> 
</HTML>

b1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
</HEAD> 
  
<BODY> 
<H1>Window 2</H1> 
<INPUT TYPE="text" NAME="b" value="11"><INPUT TYPE="submit" ONCLICK="return test();"> 
  
<script> 
function  test(){
    var bValue = 111;
    window.opener.a.value = bValue ;
   window.close(); 
  } 
</script> 
</BODY> 
</HTML>

 
  • 电话咨询

  • 0816-2318288