首页 > 其他 > 详细

iframe自适高度宽度,多版本浏览器兼容

时间:2015-05-29 17:55:46      阅读:198      评论:0      收藏:0      [点我收藏+]

<script type="text/javascript">
function SetCwinHeight() {
var iframeid = document.getElementById("maincontent1"); //iframe id
iframeid.height = "10px";//先给一个够小的初值,然后再长高.
if (document.getElementById) {
if (iframeid && !window.opera) {
if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight) {
iframeid.height = iframeid.contentDocument.body.offsetHeight;
} else if (iframeid.Document && iframeid.Document.body.scrollHeight) {
iframeid.height = iframeid.Document.body.scrollHeight;
}
}
}
}
</script>

 

<iframe style="z-index: 1; visibility: inherit; width: 100%; position:absolute; top:0px; left:0px;" name="maincontent1" onload="Javascript:SetCwinHeight()" height="1" id="maincontent1"marginwidth="0" marginheight="0" frameborder="0" scrolling="no"  src="topTemplate.html"></iframe>

iframe自适高度宽度,多版本浏览器兼容

原文:http://www.cnblogs.com/shizhongyi/p/4538970.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!