如何在 JavaScript 中从超链接定位特定框架？

• 框架元素用于将单个浏览器窗口分解为多个独立的浏览上下文。
• 框架已被弃用，不应被现代网站（如 HTML 5 类型）使用。
• 但是，仍然可以通过 iframe、对象、嵌入等标签将一个文档放入另一个文档中。

主要遵循两种方法：

1. 不使用 JavaScript 的目标框架

   // Target attribute has iframe name as its value
   Link
     
   //Name attribute has name of the iframe
   
   

2. 使用 JavaScript 的目标框架：

   //General syntax
   document.getElementById("frame-id").src = "url";
     
   //If object tag used
   x = document.getElementById("frame-id");
   x.data = "";
   //If iframe tag used
   x = document.getElementById("frame-id");
   x.src = "";
   //If embed tag used
   x = document.embeds.src = "";
   document.getElementById("frame-id").src = x;
   

示例：演示如何在 JavaScript 中通过超链接定位特定框架。

  

    
  
    
        a:link {
            color: #FFF;
            background-color: #000;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
            border: 2px solid yellow;
            border-radius: 12px;
            padding: 7px;
            display: inline-block;
        }
          
        a:visited {
            color: #FFF;
            background-color: #000;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
            border: 2px solid yellow;
            border-radius: 12px;
            padding: 7px;
            display: inline-block;
        }
          
        #my-iframe1 {
            border: 2px solid red;
            border-radius: 20px;
        }
          
        #my-iframe2 {
            border: 2px solid blue;
            border-radius: 20px;
        }
          
        #my-iframe3 {
            border: 2px solid green;
            border-radius: 20px;
        }
          
        #my-iframe4 {
            border: 2px solid grey;
            border-radius: 20px;
        }
          
        #my-iframe5 {
            border: 2px solid brown;
            border-radius: 20px;
        }
          
        #my-iframe6 {
            border: 2px solid orange;
            border-radius: 20px;
        }
          
        #iframes {
            padding: 20px;
        }
    
  

  

    How can a particular frame be targeted, 
      from a hyperlink, in JavaScript?
    
    
    
      iframe 01
  
    
    
      iframe 02
  
    
    
    iframe 03
    
    iframe 04
    
    iframe 05
    
    iframe 06
  
    
        
      
        
        
      
        
      
        
      
        
        
            
            Frame 05
        
    


    function showpage() {
        var e1 = document.getElementById("my-iframe3");
        e1.src = "https://ide.geeksforgeeks.org/";
        e1.removeAttribute("srcdoc");
    }


    function myFunction1() {
        var x = document.getElementById("my-iframe5");
        x.data = "https://ide.geeksforgeeks.org/";
    }


    function myFunction2() {
        var y = document.embeds.src = "https://ide.geeksforgeeks.org/";
        document.getElementById("my-iframe6").src = y;
  
    }

  

输出：