What is Window.opener in DOM APIs?

Published by Sharad Gaur on

Today, I was trying to implement SSO in an application where API is returning the authentication details. I needed to open a Window with a URL for SSO because that can’t be open in iframe and our application was in iframe. Whenever the work was completed by the window then we needed to post a message, and the listener for that message was registered in the parent window which opened the other window. So to post message to the parent window (because event was registered there) we needed to access the parent window. So to access the parent window we have to use window object and its property opener to access parent window. This way we can access parent window as well. If I needed, I could close the parent window from the child window as well.

Summary

  • Window.opener property is used to access parent window.
  • After accessing parent window you can use all properties and methods that can be used with any window.
Categories: Front-End DevelopmentWeb Development
Tags:

0 Comments

Leave a Reply

Avatar placeholder

Related Posts

Front-End Development

Message event in HTML DOM, What is it?

Today, I was tasked to do the authentication in SSO and for this we have APIs created to handle the authentication part, from UI we had to manage the logic. One thing where we had Read more…

Front-End Development

Reading environment variables using ViteJS

Today, I had one task to prevent unauthorised access of web application, so whenever a user will access the application on their browser, then that user must be authenticated, if not then we have to Read more…

Web Development

Introduction to Client-side application

Take a look at this client application sample. CodeDirect has a sample application to show you what a client application looks like at the most basic level, everything other than this is just an extension and more advanced of what is shown in the basic sample.