Question

任何人都可以帮我确定为什么这个iframe在Chrome与Firefox中的表现不同？

$('<iframe id="iframe1"></iframe>').appendTo($('.main')).contents().find('html').html("<h1 style='text-align: center;'>This IS an iframe</h1>");

http://jsfiddle.net/ioowilly/L9uAX/

Answer 1

或试试这个

$('<iframe id="iframe1" src="javascript:undefined;" ></iframe>').appendTo($('.main')).contents().find('body').html("<h1 style='text-align: center;'>This IS an iframe</h1>");

Answer 2

那是因为某些导航器需要一些时间来加载DOM中的iframe

这是补丁：

$('<iframe id="iframe1"></iframe>').appendTo($('.main')).ready(function() {
    setTimeout(function() {
$('#iframe1').contents().find('body').append('<h1 style="text-align: center;">This IS an iframe</h1>');
    }, 50);
});

根据这个答案： appending content into a dymanically created iframe gets an empty iframe

空iFrame加载行为是不同的

2 个答案: