HTML DOM Window parent प्रॉपर्टी

HTML DOM Window parent प्रॉपर्टी

HTML DOM Window parent प्रॉपर्टी चाइल्ड विंडो की पैरेंट विंडो का रेफरेंस लौटाती है।

सिंटैक्स

पैरेंट विंडो का रेफरेंस प्राप्त करना

window.parent

उदाहरण

आइए HTML DOM Window parent प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>HTML DOM Window parent</title> <style>    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px; </style> </head> <body>    <form>         <fieldset>          <legend>HTML-DOM-Window-parent</legend>          <input id="urlSelect" type="url" placeholder="Type URL here..."><br>          <input type="button" value="Go To" onclick="openWindow()">          <input type="button" value="Close" onclick="closeWindow()">          <input type="button" value="Restore" onclick="restoreWindow()">          <div id="divDisplay"></div>          </fieldset>    </form>    <script>       var urlSelect = document.getElementById("urlSelect");       var winSource;       function openWindow() {          browseWindow = window.open(urlSelect.value, "browseWindow", "width=400, height=200");          winSource = urlSelect.value;          parent.document.getElementById("divDisplay").textContent = "Child Window Active";       }       function closeWindow(){          if(browseWindow){             browseWindow.close();             parent.document.getElementById("divDisplay").textContent = "Child Window Closed";          }       }       function restoreWindow(){          if(browseWindow.closed){             browseWindow = window.open(winSource, "browseWindow", "width=400, height=200");             parent.document.getElementById("divDisplay").textContent = "Child Window Restored";          }       }    </script> </body> </html>

आउटपुट

URL फील्ड सेट के साथ 'Go To' बटन पर क्लिक करने पर:

'Close' बटन पर क्लिक करने पर:

'Restore' बटन पर क्लिक करने पर: