如何从iframe本身将iframe访问父窗口？

Question

I have a top document like this (top and iframes are same origin) : 我有一个像这样的顶级文档（top和iframe的来源相同）：

    <html>
    <body>
    <iframe class="loaded" src="https://www.example.com/article/645114"/>
    <iframe class="loaded" src="https://www.example.com/article/184789"/>
    <iframe class="loaded" src="https://www.example.com/article/4325"/>
    <iframe class="loaded" src="https://www.example.com/article/32586"/>
    </body>
    </html>

If a script runs in https://www.example.com/article/4325 I would like to know : 如果脚本在https://www.example.com/article/4325运行，我想知道：

"This is running from frame 3"

The same script running in https://www.example.com/article/645114 would return : 在https://www.example.com/article/645114运行的相同脚本将返回：

"This is running from frame 1"

How shoud I do ? 我该怎么办？

Thank you 谢谢

Answer 1

Try the following in the script running in the iframe: 在iframe中运行的脚本中尝试以下操作：

var loadeds = top.document.querySelectorAll('.loaded');
for(var i = 0; i < loadeds.length; i++){
    var src = loadeds[i].getAttribute('src'),
        this_url = document.URL;

    if(src === this_url){

        console.log('This is running from frame ' + (i + 1) + ' with the src attribute as ' + this_url);

        // Alternatively you could use.
        // alert('This is running from frame ' + (i + 1) + ' with the src attribute as ' + this_url);
    }
}

Didn't get to try it, but if you run this script in an iframe with your HTML structure above, you should get a console message telling you which frame the script is running in. 不必尝试，但是如果您在上面具有HTML结构的iframe中运行此脚本，则应该收到一条控制台消息，告诉您脚本在哪个框架中运行。

如何从iframe本身将iframe访问父窗口？

问题描述

1 个解决方案

解决方案1
1 已采纳 2018-04-07 20:02:01

如何从iframe本身将iframe访问父窗口？

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-04-07 20:02:01

解决方案1
1 已采纳 2018-04-07 20:02:01