访问iframe元素在chrome中不起作用

时间:2014-10-24 09:28:32

标签: javascript jquery html google-chrome iframe

我正在使用iframe,这个iframe将有一个img标签,所以我必须将父html页面中的数据设置为iframe。 我通过以下方式实现这一目标

我的Html是,

<img id='im' src='data:image/jpeg;base64,/9j/4AAQSkZ.....'/>

我的剧本是,

jQuery(".edit").click(function(){
    jQuery("#editor").removeClass('disable');
    frames = window.frames;
    src = jQuery('#im').attr('src');   
    jQuery(frames[0].document.getElementById('canv')).attr("src",src);
});

上面的代码正确传递图像数据并在firefox中设置iframe中的目标元素,但是在chrome中目标图像不会改变。这可能是什么原因?

1 个答案:

答案 0 :(得分:0)

对于iframe来说,Chrome有点棘手。将文档类型添加到iframe文档的顶部,它应该可以正常工作。

如果这不起作用,Chrome安全设置阻止混合内容可能会出现问题。据我了解,Chrome不会加载非https的I帧。