iframe 自适应新页面高度
2014-12-23 23:31
337 查看
<script type="text/javascript">
//iframe自适应高度的函数
var oTime = null;
function resize() {
if (oTime) {
clearTimeout(oTime);
}
oTime = setTimeout(reset, 200);
}
//iframe自适应高度的函数
function reset() {
var frame = document.getElementById("adminContent");
var outHeight = frame.offsetHeight;
var inHeight = frame.contentWindow.document.body.scrollHeight;
if (outHeight < inHeight) {
frame.style.height = (inHeight + 10) + "px";
}else if(inHeight>650){
frame.style.height=(inHeight + 10) + "px";
}else{
frame.style.height="750px";
}
}
</script>
<iframe src="home_page.jsp" width="100%"
onreadystatechange="resize()" onload="resize()" frameborder="0" scrolling="no"
name="adminContent" id="adminContent"></iframe>
//iframe自适应高度的函数
var oTime = null;
function resize() {
if (oTime) {
clearTimeout(oTime);
}
oTime = setTimeout(reset, 200);
}
//iframe自适应高度的函数
function reset() {
var frame = document.getElementById("adminContent");
var outHeight = frame.offsetHeight;
var inHeight = frame.contentWindow.document.body.scrollHeight;
if (outHeight < inHeight) {
frame.style.height = (inHeight + 10) + "px";
}else if(inHeight>650){
frame.style.height=(inHeight + 10) + "px";
}else{
frame.style.height="750px";
}
}
</script>
<iframe src="home_page.jsp" width="100%"
onreadystatechange="resize()" onload="resize()" frameborder="0" scrolling="no"
name="adminContent" id="adminContent"></iframe>
相关文章推荐
- iframe自适应加载页面高度-js实现(转载)
- ExtJs非Iframe框架加载页面实现 解决自适应高度
- jQuery设置iframe的高度根据页面内容自适应
- iframe 子页面高度自适应问题
- 跨域IFRAME自适应高度(子页面TAB切换不同的高度,主页面IFRAME嵌套子页面自适应高度)
- 装载iframe 子页面,自适应高度
- jsp页面iframe高度自适应js
- 总结iframe高度自适应,自适应子页面高度
- [转]iframe自适应加载页面高度-js实现
- 装载iframe 子页面,自适应高度
- iframe自适应高度,js弹出框并刷新父页面
- ifram高度自适应,获取iframe元素,控制父页面
- 总结iframe高度自适应,自适应子页面高度
- 总结iframe高度自适应,自适应子页面高度
- 装载iframe 子页面,自适应高度
- jquery iframe跨域自适应高度。子页面分页,刷新父页面
- 装载iframe 子页面,自适应高度
- 总结iframe高度自适应,自适应子页面高度
- iframe自适应加载的页面高度
- iframe 自适应高度 去掉iframe滚动条 只留外面页面的滚动条