如何使用纯 JavaScript 获取 iFrame 的内容？

使用纯 JavaScript 获取 iFrame 的正文内容

JavaScript 可以操作当前 HTML 文档中的元素。但是，检索 iframe 的内容需要不同的方法。本文遵循 jQuery 框架使用的方法，提供了纯 JavaScript 的全面解决方案。

获取 iFrame 元素

首先，使用其识别目标 iframe ID 或 CSS 选择器：

var iframe = document.getElementById('id_description_iframe');

访问 iFrame Content

现在，要访问 iframe 的内容，您可以利用 jQuery 使用的解决方案：

var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

在 Internet Explorer 中，使用 contentWindow 属性，而其他浏览器更喜欢 contentDocument。此 OR 条件可确保兼容性。

在 iFrame 中选择元素

通过访问 iframe 文档，您可以使用常用方法选择特定元素：

var iframeContent = iframeDocument.getElementById('frameBody');

调用函数并访问变量

要与 iframe 的 JavaScript 上下文中定义的函数和变量进行交互，请访问其窗口元素：

var iframeWindow = iframe.contentWindow;

// Call global functions
var myVar = iframeWindow.myFunction(param1 /*, ... */);

注意事项

请注意，所有这些操作都需要遵守同源策略。如果需要跨域访问，需要采取具体措施，例如修改Content-Security-Policy header。

以上是如何使用纯 JavaScript 获取 iFrame 的内容？的详细内容。更多信息请关注PHP中文网其他相关文章！