javascript - jQuery 获取 IFRAME 内容并将其设置为 div

标签 javascript jquery iframe

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

<html>
  <head>

  </head>

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

我想获取 iframe 的内容并将 i2 设置为 jQuery 中的内容,例如:

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

不正确,如何解决?

最佳答案

更改:<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 );

}

关于javascript - jQuery 获取 IFRAME 内容并将其设置为 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23736984/

相关文章:

javascript - Three.js 捏合缩放

php - htaccess 到 Nginx 重写 - Ajax/Jquery 不起作用

jquery - 后置函数错误 : An entry without a type name was found

javascript - 使用 window.frames[name] 访问时 iframe contentWindow 未定义

javascript - 检测 JavaScript 是否在沙盒 Iframe 中执行?

javascript - 点击屏幕时iphone键盘不隐藏

javascript - 如何向 javascript fetch() 函数发送附加数据

javascript - 页面向下滚动一半时 scrollTop 不工作

jQuery AJAX 文件上传跨浏览器支持

javascript - 带有包裹的Vue SSR(服务器端渲染)?