HTML DOM Window frames Property

HTMLWeb DevelopmentFront 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>

Output

Before clicking ‘Launch Virus’ button −

After clicking ‘Launch Virus’ button −

raja
Published on 31-Oct-2019 11:21:13
Advertisements