iframe高度自適應

時間 2019-11-25

原文原文鏈接

<!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>

即便a.html頁面的高度中間會變化，iframe也能自適應javascript

1. Iframe 高度自適應，js控制Iframe 高度自適應
2. iframe自適應高度
3. IFRAME 自動適應高度
4. iframe高度自適應
5. iframe的高度自適應
6. Iframe自適應高度
7. 總結iframe高度自適應，自適應子頁面高度
8. iframe自適應高度和寬度
9. iframe高度自適應的方法
10. iframe 自適應高度解決
更多相關文章...
• PHP 獲取圖像寬度與高度 - PHP參考手冊
• 自定義TypeHandler - MyBatis教程
• 適用於PHP初學者的學習線路和建議
• 算法總結-廣度優先算法

相關標籤/搜索