怎么在页面加载的时候获取报表的高宽

回家看蝴蝶 · 发表于 2018-8-30 18:02:48

如题，怎么在页面加载的时候获取报表的高度和宽度？？

bijetsupport02 · 发表于 2018-8-30 18:19:24

本帖最后由 bijetsupport02 于 2018-8-30 18:21 编辑

大概思路，就是获取iframe里的报表的高度和宽度，然后赋值iframe的外层div里，然后让div的高宽也和报表一样大。代码如下：

function setSize() {
var params_tbl = document.getElementById('params_tbl');
var rpt_div = document.getElementById('rpt_div');
//获取加载报表的iframe报表内容的高度
var s2=params_tbl.contentWindow.document.body.scrollHeight;
//获取加载报表的iframe报表内容的宽度
var s3=params_tbl.contentWindow.document.body.scrollWidth;
//将获取的报表内容高度赋值外层div
rpt_div.style.height=s2;
//将获取的报表内容宽度赋值外层div
rpt_div.style.width=s3;
}
<body onload="setSize();" onresize="setSize();" >
<div id="rpt_div">
<iframe id="params_tbl" src="http://localhost:8080/report/ReportEmitter?rpt=1.brt" scrolling="auto" style='width:100%;height:100%' frameborder="0" />
</div>

复制代码

		自动登录	找回密码
密码			立即加入