iframe高度自适应,全屏,大小伸缩,有滚动条

2018-08-16 20:03 来源:未知 作者:mas 责编:mas
!注意此方法用于同一个域名下,可能需要部署在服务器上才能看出效果
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
 padding: 0px;
 margin: 0px;
}
</style>
<script type="text/javascript" language="javascript">
 function iFrameHeight() {
  var ifm = document.getElementById("iframepage");
  var subWeb = document.frames ? document.frames["iframepage"].document
    : ifm.contentDocument;
  if (ifm != null && subWeb != null) {
   ifm.height = subWeb.body.scrollHeight;
  }
 }
</script>
</head>
<body>
 <iframe src="嵌套页面地址" id="iframepage"
  name="iframepage" frameBorder=0 scrolling=no width="100%"
  onLoad="iFrameHeight()"></iframe>
</body>
 

【版权声明】本站部分内容来源于互联网,本站不拥有所有权,如果发现本站有侵权的内容,欢迎发送邮件至 benumon@163.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

分享:

更多文章

相关文章

关键词:

一生受益-思韵闪耀-专业IT技术社区 - 爱编程,爱源码,爱技术,一生受益。

powerby 一生受益-思韵闪耀    豫ICP备13002912号-2