jquery全屏顯示iframe，縮放頁面iframe高度自動變化

本文轉載自查看原文 2020-08-27 11:15 512 jQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>測試環境</title>
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
    </style>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
    $(document).ready(function () {

        var iframeHeight = function () {
            var _height = $(window).height();
            $('#content').height(_height);
        }
        window.onresize = iframeHeight;
        $(function () {
            iframeHeight();
        });

    });

</script>

<div id="container" style="overflow:hidden;">
    <iframe border="0" id="content" src="http://www.qq.com/" frameborder="0" height="100%" width="100%"></iframe>
</div>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 iframe交互（一）父頁面自動高度 iframe全屏顯示 jQuery簡單實現iframe的高度根據頁面內容自適應的方法怎么讓頁面的內容隨着窗口變化全部高度鋪滿顯示 PC頁面全屏顯示以及退出全屏顯示 Angular Textarea 高度自動變化獲取Iframe頁面高度並賦值給Iframe以及獲取iframe里的元素 iframe通過子頁面撐開頁面高度獲取iframe（angular 動態頁面）高度總結iframe高度自適應，自適應子頁面高度