在iframe子页面中添加导航功能代码_html/css_WEB-ITnose

使用iframe嵌套页面，并在页面中添加导航功能，iframe只适应高度

效果图如下图

主页面

onLoad="iFrameHeights();" width="100%;" frameborder="0"
src="/a.jsp">

主页面js

//让iframe只适应高度

function iFrameHeights() {
var ifm = document.getElementById("rightIframePage");
ifm.height = 0;
var subWeb = document.frames ? document.frames["rightIframePage"].document : ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
ifm.parentElement.style.height = subWeb.body.scrollHeight + "px";
}
}

iframe页面a.jsp

style="visibility: visible;">

title="向下翻页">

1
城区报表

2
片区报表

3
职业特长报表

4
公司报表

5
房源数报表

6
资格认证报表

7
成交数报表

8
性别报表