如何使用JavaScript在iframe中插入外部JavaScript？

Question

如何使用jquery在iframe中插入外部javascript？我想将以下脚本插入iframe

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

这是iframe代码

 var snippets='<?php echo $snippets_preview; ?>';
$(function() {  
var $iframe = $('#iframehtml');
$iframe.ready(function() {

    $iframe.contents().find("body").append(snippets);
});
});

Answer 1

iframe具有属性contentWindow和contentDocument。这些等效于您可能习惯使用的常规window和document属性。

根据您的示例，将其插入iframe body类似于：

var iframeDocument = $('#iframehtml').get(0).contentDocument;
var $iframeBody = $('body', iframeDocument).eq(0);
$iframeBody.append(snippets);

请注意，这种情况仅在某些条件下有效。包含iframe和iframe内容的页面之间的不同域之类的事情很可能触发浏览器安全性错误或完全失败。