<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Dynamic iframe Loading</title>
</head>
<body>
  <h1>Hidden iframe Source</h1>
  <div id="iframe-container"></div>

  <script>
    window.addEventListener('DOMContentLoaded', () => {
      const iframe = document.createElement('iframe');
      iframe.style.width = '600px';
      iframe.style.height = '400px';
      iframe.style.border = 'none';
      
      // Set the iframe source dynamically
      iframe.src = 'https://example.com';
      document.getElementById('iframe-container').appendChild(iframe);
    });
  </script>
</body>
</html>
