如何使用 JavaScript 在 iframe 中导航 URL？

导航 URL 在 框架 使用 JavaScript，我们必须在 iframe 元素中设置 src 属性或返回 src 属性的值。 src 属性定义可以在 iframe 中显示的文档的 URL。

句法：

document.getElementById("selector").src = "URL";

URL 值：URL的可能值是 –

• 绝对 URL：指向另一个网站（例如：https://www.geeksforgeeks.org/c-plus-plus/）。
• 相对 URL：它指向网站内的文件（例如： PHP）。

返回值：它返回嵌入在iframe中的文档的完整url 。

示例 1：下面是说明使用绝对 URL 的代码。

HTML

  

    
    
  
    Click to visit GeeksForGeeks website
  
    
        Click it
    
  
    
        function navigate() {
            document.getElementById("gfgFrame").src
                = "https://www.geeksforgeeks.org/";
        }
    

  

输出：

示例 2：下面是说明相对 URL 的代码。

HTML

  

    
    
    
  
    
        Click it
    
  
    
        function navigate() {
            document.getElementById
                ("gfgFrame").src = "home.html";
        }
    

  

输出：