Question

我知道之前已经提出了类似的问题，但到目前为止，这些解决方案都没有对我有用。

$(document).ready(function(){
    alert($('#my_iframe').contents().html()); //displays null
});

我有一个包含iframe的厚箱。 iframe包含图片上传/裁剪工具，我需要提取上传的图片网址并在iframe父级中使用它。

我怎样才能做到这一点？这甚至可能吗？谢谢你的帮助！

Answer 1

我想也许你的问题是iframe在你要求它的html之前没有设法完成加载它的页面。您拥有的“文档就绪”功能仅对父母的doms有效，而不对iframe有效。

如果您有一个按钮（可能是思考框的关闭按钮）或iframe完成加载后将触发的任何其他事件，请使用以下内容：

$("#my_iframe").contents().find("a.image_url").attr("href");

我希望你能找到你想要的东西！

Answer 2

Mouhannad我说你首先需要一个加载功能

 $(document).ready(function(){
   $('#my_iframe').load(function(){
      alert($('#my_iframe').contents().find("a.image_url").attr("href"));
    });
 });

Answer 3

$("#frameexample").contents()....

出于安全原因，这在不同的域中不起作用。

Answer 4

我不太明白为什么，但在iframe选择上调用$（）。contents（）会返回包含iframe文档的选择。也就是说，它相当于调用$（document）。在文档选择上调用$（）。html（）将始终返回null。您需要做的是使用该文档作为新搜索的上下文：

var imageUrl = $('#my_iframe').contents().find('#image_url').attr('href');

jQuery：获取修改后的iframe的内容

4 个答案: