iframe如何自动随嵌入另一网站页面内容高度的变化页变化呢
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe如何自动随嵌入另一网站页面内容高度的变化页变化呢相关的知识，希望对你有一定的参考价值。
iframe如何自动随嵌入另一网站页面内容高度的变化页变化呢
注意：是另一个网站的页面，非本网页面。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>心情驿站</title>
</head>
<body topmargin="0" leftmargin="0" rightmargin="10" bottommargin="0" scroll=no>
<iframe src="http://xinqing.518u.com" frameborder=0 width="100%" height="100%"></iframe>
</body>
</html>
你可以把代码复制试一下。
我的就是这样做的 http://hearthouse.ful.cn 参考技术A scrolling=yes
iframe如何自适应高度，父页面嵌入子页面
代码如下
var iframe = document.getElementById('iframe');
setInterval(() =>
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
console.log(iframeWin.document.body.scrollHeight)
if (iframeWin.document.body)
iframe.height = Math.max(iframeWin.document.body.scrollHeight, iframeWin.document.documentElement.scrollHeight);
, 2000);
代码原理
等到iframe里面的内容加载成功以后去获取他的iframe.contentDocument.parentWindow上面的document.body.scrollHeight或者iframeWin.document.documentElement.scrollHeight，看哪个大取哪个
这里用了轮训去一直获取，实际写的时候可以等待页面加载完成去获取就可以了，我这里是做测试就用了setInterval简单一些。
以上是关于iframe如何自动随嵌入另一网站页面内容高度的变化页变化呢的主要内容，如果未能解决你的问题，请参考以下文章