框架页面高度自动刷新的Javascript脚本


Posted in Javascript onNovember 01, 2013

实现原理:加载index.htm时候,每隔1秒钟自动调用脚本刷新框架页面代码
代码优点:只需要设置index.html框架页面中的脚本,调用加载的子页面中不需要设置任何代码。
index.htm代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>首页</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
</head> 
<body> 
<div style="float: left; width: 740px; height:auto; border: 1px #808080 Solid; margin: 5px 0px 5px 10px;overflow: hide"> 
<iframe name="ifr_obj" id="ifr_obj" src="这里嵌套其它页面地址或者文件名" frameborder="0" width="100%" scrolling="no" title="框架页面"></iframe> 
</div> 
</body> 
<script language="javascript" type="text/javascript"> 
function initIframeHeight() { 
try { 
var iframe = document.getElementById("ifr_obj"); 
if (iframe != null) { 
if (iframe.contentWindow.document.body != null) { 
var bHeight = iframe.contentWindow.document.body.scrollHeight; 
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; 
var height = Math.max(bHeight, dHeight); 
iframe.height = height; 
} 
} 
} 
catch (ex) { 
alert("加载框架页面高度时出错"+ex.toString()); 
} 
} 
window.setInterval("initIframeHeight()", 1000); 
</script> 
</html>
Javascript 相关文章推荐
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
如何判断Javascript对象是否存在的简单实例
May 18 Javascript
AngularJS 表达式详解及实例代码
Sep 14 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 Javascript
浅谈Vue网络请求之interceptors实际应用
Feb 28 Javascript
js canvas实现二维码和图片合成的海报
Nov 19 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 Javascript
详解Vue3 Composition API中的提取和重用逻辑
Apr 29 Javascript
vue打开子组件弹窗都刷新功能的实现
Sep 21 Javascript
OpenLayer学习之自定义测量控件
Sep 28 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 #Javascript
JS实现拖动示例代码
Nov 01 #Javascript
多种方法实现JS动态添加事件
Nov 01 #Javascript
基于jquery插件实现常见的幻灯片效果
Nov 01 #Javascript
jQuery Mobile 导航栏代码
Nov 01 #Javascript
js将json格式内容转换成对象的方法
Nov 01 #Javascript
JS实现切换标签页效果实例代码
Nov 01 #Javascript
You might like
PHP查询MySQL大量数据的时候内存占用分析
2011/07/22 PHP
PHP闭包实例解析
2014/09/08 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
PHP性能优化大全(php.ini)
2016/05/20 PHP
PHP执行系统命令函数实例讲解
2021/03/03 PHP
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
js post方式传递提交的实现代码
2010/05/31 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
2013/05/19 Javascript
javascript的parseFloat()方法精度问题探讨
2013/11/26 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
跟我学习javascript的垃圾回收机制与内存管理
2015/11/23 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
2015/12/10 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
Python中处理字符串的相关的len()方法的使用简介
2015/05/19 Python
13个最常用的Python深度学习库介绍
2017/10/28 Python
python pyinstaller 加载ui路径方法
2019/06/10 Python
Python倒排索引之查找包含某主题或单词的文件
2019/11/13 Python
Python日志syslog使用原理详解
2020/02/18 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
canvas画布实现手写签名效果的示例代码
2019/04/23 HTML / CSS
详解HTML5中的拖放事件(Drag 和 drop)
2016/11/14 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
Nip + Fab官网:英国美容品牌
2019/08/26 全球购物
西部世纪面试题
2014/12/05 面试题
英语自荐信范文
2013/12/11 职场文书
大学团支书的自我评价分享
2013/12/14 职场文书
预备党员转正思想汇报
2014/09/26 职场文书
巴黎圣母院观后感
2015/06/10 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP