javascript创建iframe自动高度
我正在使用Javascript来创建下拉框,该下拉框打开下面带有所选页面的iframe。 下面的页面是一个动态图形页面,因此它的高度。 为了不在iframe中滚动查看页面,我添加了1320%。 如何根据页面动态执行此操作javascript创建iframe自动高度,javascript,iframe,Javascript,Iframe,我正在使用Javascript来创建下拉框,该下拉框打开下面带有所选页面的iframe。 下面的页面是一个动态图形页面,因此它的高度。 为了不在iframe中滚动查看页面,我添加了1320%。 如何根据页面动态执行此操作 <script type="text/javascript"> function loadFrame() { var s=document.getElementById("report_type").value;
<script type="text/javascript">
function loadFrame()
{
var s=document.getElementById("report_type").value;
document.getElementById("loadContainer").innerHTML=""
var iframe = document.createElement("iframe");
iframe.src = s;
iframe.style.width = 100+"%";
iframe.style.height = 1320+"%";
iframe.frameBorder = 0;
document.getElementById("loadContainer").appendChild(iframe);
}
</script>
函数loadFrame()
{
var s=document.getElementById(“报告类型”).value;
document.getElementById(“loadContainer”).innerHTML=“”
var iframe=document.createElement(“iframe”);
iframe.src=s;
iframe.style.width=100+“%”;
iframe.style.height=1320+“%”;
iframe.frameBorder=0;
document.getElementById(“loadContainer”).appendChild(iframe);
}
您可以获取html元素主体的高度,并设置iframe的高度:-
var iframe = document.createElement("iframe");
iframe.src = 'test.html';
iframe.style.width = "100%";
iframe.onload = function(){
iframe.contentWindow.document.body.style.margin = 5+'px';
iframe.style.height = (iframe.contentWindow.document.body.clientHeight+10)+"px";
}
iframe.frameBorder = 0;
document.getElementById("loadContainer").appendChild(iframe);
目前为1320+“%”;,对于PX,它不工作:(不工作:(窗口以全宽但高度的20%打开。您是否在loadFrame函数中编写了我的代码,该函数将被称为onload of body?我已经在本地测试了我的代码,它工作正常,没有任何问题。iframe的高度将等于iframe中内容的高度。我可以获得您分配的iframe的src吗可以测试吗?我如何发布我的代码?此评论不允许。我不需要代码,我可以获取页面的url吗,您正在分配给iframe。