Question

我有一个名为iframe.html的文件，其中包含图片幻灯片等的代码。代码有点像

<html>
  <head>

  </head>

  <body>
    <iframe id="i1" src="test.html"></iframe>
    <div id='i2'></div>
  </body>
</html>

我想获取iframe的内容并在jQuery中设置i2，例如：

    $(document).ready(){
        var i1= $('#i1').contents();
        $('#i2').html( i1 );
    }

哪些不正确，如何解决？

Answer 1

更改：<iframe id="i1" src="test.html"></iframe>

到

<iframe id="i1" src="test.html" onload='aaa();'></iframe>

并添加：

function aaa(){

 var a=  $('#i1').contents().find("html").html()
 $('#i2').html( a );

}

Answer 2

如果您查看控制台，您可能会看到语法错误。

在$(document).ready和function关键字之后添加结束括号，如下所示：

$(document).ready(function() { // function here
    var i1= $('#i1').contents();
    $('#i2').html( i1 );
}); // closing parenthese here