我知道之前已经提出了类似的问题,但到目前为止,这些解决方案都没有对我有用。
$(document).ready(function(){
alert($('#my_iframe').contents().html()); //displays null
});
我有一个包含iframe的厚箱。 iframe包含图片上传/裁剪工具,我需要提取上传的图片网址并在iframe父级中使用它。
我怎样才能做到这一点?这甚至可能吗? 谢谢你的帮助!
答案 0 :(得分:3)
我想也许你的问题是iframe在你要求它的html之前没有设法完成加载它的页面。您拥有的“文档就绪”功能仅对父母的doms有效,而不对iframe有效。
如果您有一个按钮(可能是思考框的关闭按钮)或iframe完成加载后将触发的任何其他事件,请使用以下内容:
$("#my_iframe").contents().find("a.image_url").attr("href");
我希望你能找到你想要的东西!
答案 1 :(得分:1)
Mouhannad我说你首先需要一个加载功能
$(document).ready(function(){
$('#my_iframe').load(function(){
alert($('#my_iframe').contents().find("a.image_url").attr("href"));
});
});
答案 2 :(得分:1)
$("#frameexample").contents()....
出于安全原因,这在不同的域中不起作用。
答案 3 :(得分:0)
我不太明白为什么,但在iframe选择上调用$()。contents()会返回包含iframe文档的选择。也就是说,它相当于调用$(document)。在文档选择上调用$()。html()将始终返回null。您需要做的是使用该文档作为新搜索的上下文:
var imageUrl = $('#my_iframe').contents().find('#image_url').attr('href');