您现在的位置: 万盛学电脑网 >> 程序编程 >> 网络编程 >> jsp编程 >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 以下操作写在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>