javascript - 我使用 jquery 创建了一个 iframe 如何根据其中的内容设置它的高度

Question

我的代码在这里:

$(document).ready(function(){
$('#button').click(function(){
   $('.accordion').html('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>');
});

请帮忙解决这个问题。 提前致谢。

Answer 1

Add onload="resizeIframe(this)" in your iframe and add resizeIframe() to your .js file

     <script>
    function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
     }
     </script>
    <iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />