iframe高度自适应,全屏,大小伸缩,有滚动条_html_程序编码_思韵闪耀

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

思韵闪耀

2018-08-16 20:03:17

0次

!注意此方法用于同一个域名下,可能需要部署在服务器上才能看出效果

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

body {

padding: 0px;

margin: 0px;

}

</style>

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>

name="iframepage" frameBorder=0 scrolling=no width="100%"

onLoad="iFrameHeight()"></iframe>

</body>

栏目索引