如何将动态 javascript 代码注入父页面上已存在的 iframe

Question

我正在尝试将代码注入 iframe，但我没有任何运气，我不知道为什么。我将我的 js 代码存储到一个变量中，该变量此时可以正常工作，存储到一个名为 pixel_code 的变量中。然后我想将该代码注入 iframe。假设 iframe 的 id 是“iframe_”，我将如何将代码（变量是 pixel_code）注入 iframe 并执行它？我认为 jquery 将是最简单的方法，但我也对常规 JS 持开放态度。

我的许多不成功的尝试之一是：

function captureValue(){

pixel_code = document.getElementById("baseText").value;

$('#iframe_').find('body').append(pixel_code);

}

控制台中不会产生错误。

Answer 1

尝试使用contents方法：

$('#iframe_').contents().find('body').append(pixel_code);

请注意，iframe 的域应与父页面的域匹配，否则Same Origin Policy 会阻止访问 iframe 的内容。