iframe 原生js与jQuery 获取父窗、子窗的iframe（多个iframe，没有id没有name）

要通过原生JS和jQuery获取父窗口和子窗口中的iframe元素，可以使用以下方法：

1. 通过原生JS获取父窗口的iframe元素:

var parentIframes = window.parent.document.getElementsByTagName('iframe');

2. 通过原生JS获取子窗口的iframe元素:

var childIframes = window.frames[0].document.getElementsByTagName('iframe');

3. 通过jQuery获取父窗口的iframe元素:

var parentIframes = $(window.parent.document).find('iframe');

4. 通过jQuery获取子窗口的iframe元素:

var childIframes = $(window.frames[0].document).find('iframe');

相关问题

js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法

### 回答1：
可以使用以下方法来判断是否在 iframe 中：

if (window.self !== window.top) {
  // 在 iframe 中
} else {
  // 不在 iframe 中
}

在 jQuery 中，可以使用 `parent` 方法来调用 iframe 父页面的元素和方法：

// 获取父页面的元素
$(parent.document).find('#elementId');

// 调用父页面的方法
parent.methodName();

### 回答2：
要判断当前页面是否在iframe中，可以使用JavaScript的window对象的top属性来判断。如果top属性等于自身window对象，那么证明当前页面不在任何iframe中；如果top属性不等于自身window对象，那么证明当前页面在一个iframe中。

示例代码如下：

if (window.top === window){
    console.log("当前页面不在任何iframe中");
} else {
    console.log("当前页面在一个iframe中");
}

要在iframe中调用父页面的元素和方法，可以使用jQuery的parent()方法或者window.parent来获取父页面的元素或窗口对象，然后通过对象的方法来进行操作。

示例代码如下：

// 使用parent()方法获取父页面元素并进行操作
$("button", parent.document).click(function(){
    // 在父页面中查找<button>元素，并添加点击事件处理函数
    alert("在父页面中点击了按钮");
});

// 使用window.parent获取父页面窗口对象并进行操作
window.parent.postMessage("Hello from iframe", "*");
// 向父页面发送跨域消息

注意：在跨域的情况下，使用postMessage方法向父页面发送消息时，需要指定目标窗口的origin，以保证安全性。

### 回答3：
在JS中，可以通过window对象的top属性判断当前页面是否在iframe中。若top属性等于当前window对象本身，则表示当前页面不在任何iframe中；若top属性指向其他window对象，则表示当前页面在一个iframe中。

以下是通过JS代码判断是否在iframe中的示例：

if (window.top === window.self) {
  console.log("当前页面不在iframe中");
} else {
  console.log("当前页面在iframe中");
}

当需要在iframe中的页面中调用父页面的元素或方法时，可以使用jQuery来实现。jQuery可以通过使用窗口对象的parent属性来访问父页面的元素或方法。

以下是通过jQuery调用父页面的元素或方法的示例：

// 在iframe中调用父页面的元素
var parentElement = $(parent.document).find("#elementId");

// 在iframe中调用父页面的方法
parent.myFunction();

在以上示例中，通过$(parent.document)来选择父页面的DOM元素，再通过find()方法选择特定的元素。若需要调用父页面的方法，则使用parent对象直接调用方法即可。通过这种方式，可以在iframe中与父页面进行交互。

js iframe 父级窗口获取 iframe窗口 渲染的内容 代码

要在父级窗口中获取 iframe 窗口渲染的内容，你可以使用 `contentWindow` 属性来访问 iframe 的 Window 对象，并通过该对象访问其内容。以下是一个示例代码：

// 获取 iframe 元素
var iframe = document.getElementById('myFrame');

// 获取 iframe 窗口对象
var iframeWindow = iframe.contentWindow;

// 获取 iframe 窗口渲染的内容
var iframeContent = iframeWindow.document.body.innerHTML;

console.log(iframeContent);

在上面的代码中，我们首先通过 `document.getElementById` 获取了 id 为 `myFrame` 的 iframe 元素，并将其存储在变量 `iframe` 中。

接下来，我们使用 `iframe.contentWindow` 获取了 iframe 的 Window 对象，并将其存储在变量 `iframeWindow` 中。

最后，我们通过 `iframeWindow.document.body.innerHTML` 获取了 iframe 窗口渲染的内容，并将其存储在变量 `iframeContent` 中。你可以根据需要进一步处理或展示这个内容。

请注意，由于跨域安全限制，如果 iframe 的源与父级窗口的源不同，可能无法直接访问其中的内容，这可能会导致跨域访问错误。在这种情况下，你需要确保 iframe 的源与父级窗口的源相同，或者通过其他方法进行跨域通信，例如使用 postMessage API。