iframe自适应高度


之前找过自适应iframe高度的收集代码,后面都找不到了。这些零碎代码还是放在博客靠谱,随时可以like select出来。

然后今天也从网上找了一段,网络有很多很长很累赘的js控制自适应高度,但是这个是仅仅一行,将javascript写在iframe的onload里面的,很不错的一段通用Chrome和IE的代码段,不过别忘记DOM头。

红色的为iframe的核心代码:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<iframe id="iframeidname" src="index.php" scrolling="no" width="100%" height="0" frameborder="0" onload="this.height=this.contentWindow.document.documentElement.scrollHeight"></iframe> 
</body>
</html>

原文链接:https://blog.yongit.com/note/113220.html