重新加载/刷新 iframe 的最佳方法是什么？

假设用户创建了一个网页。现在他有一个网页，其中包含一个 IFrame 和一个 Button。一旦用户按下按钮，他/她需要重新加载/刷新 IFrame。我们将如何使这成为可能？我们将在文章中找到它。

以下语法适用于两种情况，其中 IFrame 是从同一个域提供和加载的，而 IFrame 不是来自同一个域。

句法：

document.getElementById('YOUR IFRAME').contentDocument.location.reload(true);

注意：在 Firefox 中，如果您要使用window.frames[] ，它可能不会被 id 索引。因此，您必须按索引或名称对其进行索引。

示例 1：

  

    
        iframe {
            width: 786px;
            height: 600px;
            border: 0;
            overflow: hidden;
        }
    

  

    
        GeeksforGeeks
        Reload / Refresh an iframe
        
      
        
  
        
            function reload() {
                document.getElementById('iframeid').src += '';
            }
            btn.onclick = reload;
        
    
  

  

输出：
刷新前：

刷新后：

示例 2：

  

    
        body {
            text-align: center;
        }
          
        iframe {
            width: 786px;
            height: 600px;
            border: 0;
            overflow: hidden;
        }
    

  

    GeeksforGeeks
    Reload / Refresh an iframe
    
  
    
  
    
        function reload() {
            document.getElementById('iframeid').src += '';
        }
        btn.onclick = reload;
    
  

  

输出：
当我们加载代码时：

工作：