iframe嵌套页面

最新推荐文章于 2023-02-24 15:37:09 发布

QingyunChen

最新推荐文章于 2023-02-24 15:37:09 发布

阅读量508

点赞数 1

分类专栏： web前端技术

本文链接：https://blog.csdn.net/piaoyunlive/article/details/104247064

版权

web前端技术专栏收录该内容

3 篇文章 0 订阅

订阅专栏

iframe嵌套页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe嵌套页面1</title>
</head>
<body>
<div class="main_page" style="width:1024px; height: 100%; overflow: hidden;margin: 0px auto; border:1px solid #0f0;">
    <iframe src="https://www.qq.com" width="100%" height="1000px" name="" id="myiframe" scrolling="yes" frameborder="0">
    </iframe>
</div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe嵌套页面2</title>
</head>
<body>
<iframe src="https://www.qq.com" width="100%" name="" id="myiframe" scrolling="no" οnlοad="changeFrameHeight()" frameborder="0"></iframe>
</body>
<script>
    function changeFrameHeight() {
        var ifm = document.getElementById("myiframe");
        ifm.height = document.documentElement.clientHeight;
    }
    window.onresize = function () {
        changeFrameHeight();
    }
</script>
</html>