Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

คุณสมบัติ closed ของ Window ใน HTML DOM

คุณสมบัติ closed ของ HTML DOM Window ใช้สำหรับคืนค่า boolean ที่สอดคล้องกับสถานะของหน้าต่างว่าปิดแล้วหรือไม่

ไวยากรณ์ (Syntax)

การคืนค่า Boolean

window.closed

ตัวอย่างการใช้งาน

ตัวอย่างต่อไปนี้แสดงการใช้งานคุณสมบัติ HTML DOM Window closed:

<!DOCTYPE html> <html> <head> <title>HTML DOM Window closed</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-closed</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()">         </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;       }       function closeWindow(){          if(browseWindow)             browseWindow.close();       }       function restoreWindow(){          if(browseWindow.closed)             browseWindow = window.open(winSource, "browseWindow", "width=400, height=200");       }    </script> </body> </html>

ผลลัพธ์

คลิกปุ่ม 'Go To' โดยมีการตั้งค่า URL:

คุณสมบัติ closed ของ Window ใน HTML DOM

คลิกปุ่ม 'Close':

คุณสมบัติ closed ของ Window ใน HTML DOM

คลิกปุ่ม 'Restore':

คุณสมบัติ closed ของ Window ใน HTML DOM