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

页面导航:首页 > 网络编程 > JSP编程 > jsp页面iframe高度自适应的js代码

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

来源:互联网 作者:脚本宝典 时间:2015-06-21 15:09 【

以下操作写在body里面,form表单外 ? 1 2 3 4 5 6 7 8 9 iframe id= agentFrame name= agentFrame src= width= 0 height= 0 style= display:none; /iframe script type= text/javascript function sethash(){ hashH = document.documentElement.s

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

?
1
2
3
4
5
6
7
8
9
<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如下:

?
1
2
3
4
5
6
7
8
9
<%@ 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>

您可能感兴趣的文章:


Tags:

相关文章

    文章评论

    最 近 更 新
    热 点 排 行
    Js与CSS工具
    代码转换工具
    
    <