Question

我正在使用w3c资源计时API。 window.performance.getEntriesByType（＆＃34;资源＆＃34）;这给出了包括iframe在内的资源列表。但是，为了掌握嵌入式iframe的资源，我需要掌握iframe的性能对象，这需要我引用它的＆＃39; DOM节点/元素。

        var myiframe2 = $("#myiframe2");
        var myiframeContentWindow = myiframe2[0].contentWindow;
        var iframeContentPerf = myiframeContentWindow.performance;

问题是，如果我所知道的是iframe的网址，那么如何获取iframe的节点引用，这就是我所知道的（我不知道iframe的id或名称与上面的代码示例不同。）

除了遍历文档的元素然后过滤iframe并将iframe的URL与Resource Timing API返回的内容进行比较之外，是否有一种简单的方法来获取iframe的DOM节点（根据iframe的网址）？

Answer 1

如果iframe的网址没有更改，您可以尝试使用确切的网址直接使用CSS选择器：

document.querySelector('iframe[src="http://example.org"]');

如果网址会发生变化，但每个iframe都有一个唯一的部分（可以识别特定的iframe）：

document.querySelector('iframe[src*="example.org/some/url"]');

根据URL获取iframe DOM元素

1 个答案: