javascript - 如何使用 javascript 处理嵌套的 iframe？

Question

假设我有一个包含以下 HTML 代码的 html 页面

<div>    
  <iframe src="some_src_link">    
    <iframe src="some_src_link2">   
      //code..
    </iframe>
  </iframe>    
</div>

所以我想在页面加载时迭代 HTML 页面内的所有 iframe。因为我需要为每个 iframe 设置索引属性。类似下面的 HTML 代码

    <div>    
      <iframe src="some_src_link" index="0">    
        <iframe src="some_src_link2" index="0-0">   
          <iframe src="some_src_link3" index="0-0-0">   
          </iframe>
        </iframe>
      </iframe> 
<iframe src="some_src_link4" index="1">    
        <iframe src="some_src_link5" index="1-0">   
          <iframe src="some_src_link6" index="1-0-0">   
          </iframe>
        </iframe>
      </iframe>    
    </div>
//INDEX --parentIframe-childIframe-grandchildIframe

我厌倦了简单的 jquery 方法

$("iframe").map(function(index,iframe){
        if(self == top){ //check for parent iframe

             $(iframe).attr('index',index);
         }else{

             $(iframe).attr('index',index);
         } 
     return iframe;
   });

可以只应用索引，例如下面的代码。

<div>    
  <iframe src="some_scr_link" index="0">    
    <iframe src="some_scr_link2" index="0">   
      <iframe src="some_scr_link2" index="0">   
      </iframe>
    </iframe>
  </iframe>    
</div>

我的问题是如何分别像树结构一样迭代到它的父 iframe 并检测 iframe 是父子还是孙子。并设置索引属性，例如//iframe INDEX --parentIframe-childIframe-grandchildIframe 等等。请帮助我获得解决方案。

Answer 1

您要做的是更改 iframe 内容。幸运的是你不能。您无法访问 iframe 中的跨源域。如果域阻止跨域请求，您将无能为力。