iframe高度自适应

最新推荐文章于 2025-09-10 19:44:49 发布

weixin_33953249

最新推荐文章于 2025-09-10 19:44:49 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/baby-lijun/p/10175140.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>iframe</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
</head>
<body>

    <iframe name="myiframe" id="myiframe" src="a.html" frameborder="0" scrolling="no"></iframe>


    <script type="text/javascript" language="javascript">
        $(window.parent.document).find("#myiframe").load(function(){
            var main = $(window.parent.document).find("#myiframe");
            var thisheight = $(document).height()+30;
            main.height(thisheight);
        });
    </script>

</body>
</html>