Specification
[1]
Syntax
<button id="open">Open</button> <button id="close">Close</button> <button id="child">Child</button>
<script type="text/javascript"> var popup = function () { this.close = function () { if (this.child && !this.child.closed) { this.child.close(); } }; /** * @param {String} url * @param {String} name? * @param {String} features? */ this.open = function (url, name, features) { if (!this.child || this.child.closed) { this.child = window.open(url, name, features); } else { this.child.focus(); } } }; var pop = new popup(); document.getElementById("open").onclick = function () { pop.open( "child.html", "", "height=0,left=0,resizable=no,scrollbars=no,top=0,width=0" ); }; document.getElementById("close").onclick = function () { pop.close(); }; document.getElementById("child").onclick = function () { alert(pop.child); //alert(pop.child.document); }; </script>
child.html
<script type="text/javascript"> window.onload = function () { var parent = window.opener; if (parent) { parent.focus(); //alert(parent); //alert(parent.document); } }; </script>
Example
Open
Close
Child