如何判断iframe 的索引位置

可以使用 `window.frames` 属性来访问当前页面所有的 `<iframe>` 元素，该属性返回一个类数组对象，可以通过数组下标来获取对应的 `<iframe>` 元素。例如，如果页面中有两个 `<iframe>`，可以使用 `window.frames[0]` 访问第一个 `<iframe>`，使用 `window.frames[1]` 访问第二个 `<iframe>`。

如果需要获取当前窗口（或父窗口）中某个 `<iframe>` 的索引位置，可以使用 `Array.prototype.indexOf()` 方法。例如，假设当前页面是在父窗口中嵌套的第二个 `<iframe>` 中，可以使用以下代码来获取该 `<iframe>` 的索引位置：

const index = Array.prototype.indexOf.call(window.parent.frames, window.frameElement);
console.log(index); // 1

这段代码先通过 `window.parent.frames` 获取父窗口中所有的 `<iframe>` 元素，然后使用 `Array.prototype.indexOf()` 方法查找当前 `<iframe>` 在数组中的位置。注意，`window.frameElement` 属性返回当前窗口所属的 `<iframe>` 元素。

相关问题

如果您创建一个 z 索引大于 0 的 iframe 并将其放置在对象上，它会显示在对象的前面。如果您随后将 z 索引大于 iframe 的 div 元素放置在 iframe 上，它会清楚地显示。

这个问题是关于 HTML 元素的层叠顺序（z-index）的问题。在 HTML 中，每个元素都有一个默认的层叠顺序，用于确定它们在页面上的显示顺序。当两个元素重叠时，具有较高层叠顺序的元素将显示在较低层叠顺序的元素的上方。

在这个问题中，对象上的 iframe 元素具有较高的层叠顺序，因此它会显示在对象的前面。当您在 iframe 上放置一个具有较高层叠顺序的 div 元素时，它会清晰地显示在 iframe 的上方。

需要注意的是，如果您在 iframe 上放置一个具有较低层叠顺序的元素，它将被遮盖在 iframe 下面。所以，层叠顺序对于确定 HTML 元素的显示顺序非常重要。

js查询iframe中的iframe

可以使用以下两种方法查询iframe中的iframe：

1.通过frames属性和索引值来获取iframe中的iframe，代码如下：

    var iframe = document.getElementsByTagName('iframe')[0];
    var innerIframe = iframe.contentWindow.frames[0];

这里假设外层iframe的索引值为0，内层iframe的索引值也为0。

2.通过querySelector方法来获取iframe中的iframe，代码如下：

    var iframe = document.querySelector('iframe');
    var innerIframe = iframe.contentDocument.querySelector('iframe');

这里假设外层iframe和内层iframe都只有一个，如果有多个需要根据具体情况修改选择器。