您的位置：首页 > 其它

iframe的高度自适应

2016-04-20 13:02 267 查看

obj.contentWindow.document.body.offsetHeight;

<!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=utf-8"
/>

<title>iframe自适应高度</title>

<script>

window.onload=function(){

var oInput = document.getElementsByTagName('input');

var oIframe = document.getElementById('ifm');

function changHeight(){

oIframe.height = oIframe.contentWindow.document.body.offsetHeight;

};

changHeight();

}

</script>

<style type="text/css">

*{margin: 0; padding: 0;}

</style>

</head>

<body>

<div style="width:100%; background:#00b6cc;color:#fff; text-align: center; font-size:32px; line-height:200px;">我是这个页面本身的内容</div>

<iframe src="001.html"
width="100%"
scrolling="no"
frameborder="0"
id="ifm"></iframe>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航