jQuery无法更新iframe内容

时间:2018-09-12 20:08:31

标签: javascript jquery html iframe

这是我在http://127.0.0.1/test.html所拥有的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<iframe style="position: absolute; top: 0; left: 0; height: 100%; width: 100%" src="blank.html"></iframe>
<script>
    $('iframe').contents().find('body').html('aaa');
</script>

这是我在http://127.0.0.1/blank.html所拥有的:

<body>zzz</body>

我希望iframe的内容是“ aaa”,但不是-是“ zzz”。就像$('iframe').contents().find('body').html('aaa');一样,除了控制台没有出现错误。

1 个答案:

答案 0 :(得分:0)

将代码放入加载事件处理程序中

$('iframe').on('load', function(){
   $(this).contents().find('body').html('aaa');
})