📜  如何加载从一个 iframe 到另一个 iframe 的超链接?

📅  最后修改于: 2021-11-08 05:53:28             🧑  作者: Mango

HTML iframe 或内嵌框架允许在一个 HTML 页面中嵌入多个 HTML 页面。在本文中,我们将看到如何使用另一个 iframe 中的超链接更改一个 iframe 的内容。

这可以通过正确使用 iframe 标签中的 name 属性和锚标签中的 target 属性来实现。 name 属性允许每个内嵌框架拥有自己唯一的名称,而 target 属性告诉超链接,点击链接时必须打开页面的位置。如果我们将目标值保留为应显示超链接内容的目标 iframe 的名称,我们的问题将得到解决。

  • 我们将创建一个包含两个 iframe 的 HTML 页面。
  • 为每个 iframe 指定一个唯一的名称。
  • 创建另一个包含多个超链接的 HTML 页面。
  • 在每个超链接的目标属性中添加第二个 iframe 的名称。
  • 单击第一个 iframe 中的链接,您应该会看到在第二个 iframe 中打开的页面。

示例: HTML 文档将在其中嵌入两个 iframe。

index.html


  
    
      

Hello world!!

      
             

           
  


iframe1.html


  
    
      

GeeksforGeeks

         

        GfG Logo       

         

        GfG Logo 2       

         

                   GfG youtube video                

         

click the above links to see changes in the frame below

    
  


下面的代码是上面代码中使用的“iframe1.html”的内容。

iframe1.html



  
    
      

GeeksforGeeks

         

        GfG Logo       

         

        GfG Logo 2       

         

                   GfG youtube video                

         

click the above links to see changes in the frame below

    
  

输出:此页面将包含超链接,每个链接都针对第二个 iframe。

iframe 到另一个 iframe