jsp页面iframe高度自适应的js代码
以下操作写在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>
-
本文向大家介绍js实现iframe自动自适应高度的方法，包括了js实现iframe自动自适应高度的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现iframe自动自适应高度的方法。分享给大家供大家参考。具体如下： 在编写网页的时候，很多时候要用到自动伸缩iframe高度 ，假如ifram中嵌入的是一个列表，那么增加数据后，刷新列表，iframe高度会自动伸长。删除数据后，ifr
-
本文向大家介绍JS实现iframe自适应高度的方法示例，包括了JS实现iframe自适应高度的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考，具体如下： PS:高度自适应应用广泛，本站的很多在线工具也使用了这一技巧，列举如下几个工具供大家参考： JavaScript在线格式化工具(基于beautify.js插件)： htt
-
本文向大家介绍JS实现iframe自适应高度的方法(兼容IE与FireFox)，包括了JS实现iframe自适应高度的方法(兼容IE与FireFox)的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考，具体如下： 之前一直被iframe自适应高度的问题困扰，很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容
-
本文向大家介绍教你用jquery实现iframe自适应高度，包括了教你用jquery实现iframe自适应高度的使用技巧和注意事项，需要的朋友参考一下 iframe代码，注意要写ID jquery代码一： jquery代码二：
-
本文向大家介绍jQuery简单实现iframe的高度根据页面内容自适应的方法，包括了jQuery简单实现iframe的高度根据页面内容自适应的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考，具体如下： 方式1： 方式2： 更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作ifr
-
本文向大家介绍javascript 中iframe高度自适应（同域）实例详解，包括了javascript 中iframe高度自适应（同域）实例详解的使用技巧和注意事项，需要的朋友参考一下 javascript 中iframe高度自适应（同域） 今天解决了iframe高度自适应的问题，不过这只是同域下的页面嵌入，以下是代码： iframe嵌入页面时需要等待它完