javascript弹出页面回传值的方法

2024-05-06 16:15:28

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了javascript弹出页面回传值的方法,实例分析了由a1.html弹出的b1.html回传值的实现方法,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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>