iframe高度自适应 jsp页面iframe高度自适应的js代码

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

iframe高度自适应 jsp页面iframe高度自适应的js代码

  2021-03-19 我要评论
想了解jsp页面iframe高度自适应的js代码的相关内容吗,在本文为您仔细讲解iframe高度自适应的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:iframe,高度自适应,下面大家一起来学习吧。

以下操作写在body里面,form表单外

<iframe id="agentFrame" name="agentFrame" src="" width="0" height="0" style="display:none;" ></iframe> 
<script type="text/javascript"> 
function sethash(){ 
hashH = document.documentElement.scrollHeight; //获取自身高度 
urlC = "/test.jsp"; //设置iframeA的src 
document.getElementById("agentFrame").src=urlC+"#"+hashH; //将高度作为参数传递 
} 
window.onload=sethash; 
</script>

test.jsp如下:

<%@ page contentType="text/html;charset=GBK" language="java"%> 
<script> 
function pseth() { 
var iObj = parent.parent.document.getElementById('infoFrame'); 
iObjH = parent.parent.frames["infoFrame"].frames["agentFrame"].location.hash; 
iObj.style.height = iObjH.split("#")[1]+"px"; 
} 
window.onload=pseth(); 
</script>

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们