Window.Opener in JavaScript

Articles → JavaScript → Window.Opener in JavaScript

window.opener is for the reference of window that opens a new window

I have added a page Default.aspx (as a window that opens a new window) in which I have defined 2 controls: Textbox and Button

		   
<form id="frmDefault" runat="server">

	<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
  
	<asp:Button ID="btnTest" Text="Click" runat="Server" />    
  
</form>

On button click I have written following code

		
function TestOpener()
 {
 
	 window.open("OpenerPage.aspx");
   
 }

I have added another page OpenerPage.aspx(Opening window) in which I want to refer the text of the Textbox txtName

I have added following code in OpenerPage.aspx

	   
<script type="text/javascript">

	alert(window.opener.document.frmDefault.txtName.value);
  
</script>

Run the project

Now when a page is loaded then you can see a textbox and a button as shown in figure below

When you click on "click" button a new window will open and you will get the value of Textbox in the alert box.

You can observe that in the opening window we can refer to the controls of the parent window

Posted By -	Karan Gupta

Posted On -	Tuesday, December 21, 2010

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250