如何使用 HTML 同时更新两个框架？

我们将了解如何同时更新两个帧。

方法：我们采用两个具有唯一 id 名称的 iframe，即“frame1”和“frame2”，它们都与我们页面的中心对齐和一个按钮。当我们单击按钮时，iframe 的 URL 将替换为其他 URL。

HTML 代码：在此代码中，我们将一个事件侦听器附加到按钮。当我们点击按钮时，body 的内容应该通过使用两个 iframe 的src属性同时更改为两个 iframe 的 URL。

HTML

  

    
        GeeksforGeeks
    
  
    
  
        
            
            
            
            
            
            
        
        
            Click me
        
    
  
    
        document.getElementById('update')
            .addEventListener('click', function () {
  
            // Change src attribute of iframes at a same time
            document.getElementById('frame1').src =
                'https://www.youtube.com/embed/QS8xU4TqnQE';
            document.getElementById('frame2').src =
                'https://www.youtube.com/embed/3w0XfBU2ufw';
        });
    

  

输出：

输出

注意：我们可以使用带有 target 属性的 标签来更新框架的内容。我们要在 iframe 中打开的 URL 将替换之前存在的 iframe 的 URL。我们点击“ clickme”链接，将“b.html”替换为“a.html”。