Thuộc tính khung cửa sổ DOM HTML

Thuộc tính khung HTML DOM Window trả về một đối tượng tương ứng với cửa sổ, đại diện cho tất cả các khung có trong đó.

Cú pháp

Sau đây là cú pháp -

Trả lại các khung trong cửa sổ hiện tại

window.frames

Hãy để chúng tôi xem ví dụ về Khung cửa sổ DOM HTML tài sản -

Ví dụ

<!DOCTYPE html><html>
<head>
<title>HTML DOM Window frames</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-frames</legend>
         <label>User 1:</label><iframe src="https://www.example.com"></iframe><br>
         <label>User 2:</label><iframe src="https://www.example.com"></iframe><br>
         <input type="button" value="Launch Virus" onclick="goToURL()">
         <div id="divDisplay">
         </div>
      </fieldset>
   </form>
   <script>
      var divDisplay = document.getElementById("divDisplay");
      function goToURL() {
         for (var i = window.frames.length - 1; i >= 0; i--)
            window.frames[i].location = "https://www.tutorialspoint.com/html5/foo.mp4";
            divDisplay.textContent = 'Virus Deployed';
      }
   </script>
</body>
</html>

Đầu ra

Trước khi nhấp vào ‘Khởi chạy vi-rút’ nút -

Thuộc tính khung cửa sổ DOM HTML

Sau khi nhấp vào ‘Khởi chạy vi-rút’ nút -

Thuộc tính khung cửa sổ DOM HTML