HTML DOM Window Frames Property

HTML Web Development Front End Technology

The HTML DOM Window frames property returns an object corresponding to the window, representing all frames present in it.

Syntax

Following is the syntax −

Returning frames in current window

window.frames

Let us see an example of HTML DOM Window frames property −

Example

<!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 = "http://www.tutorialspoint.com/html5/foo.mp4";
            divDisplay.textContent = 'Virus Deployed';
      }
   </script>
</body>
</html>