框架页面高度自动刷新的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 相关文章推荐
javascript 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
30个最好的jQuery 灯箱插件分享
Apr 25 Javascript
JS控制日期显示的小例子
Nov 23 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
May 02 Javascript
jQuery使用animate创建动画用法实例
Aug 07 Javascript
浅谈js里面的InttoStr和StrtoInt
Jun 14 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
JS作用域链详解
Jun 26 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
vue实现登陆登出的实现示例
Sep 15 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
three.js欧拉角和四元数的使用方法
Jul 26 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面向对象全攻略 (十二) 抽象方法和抽象类
2009/09/30 PHP
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
simplehtmldom Doc api帮助文档
2012/03/26 PHP
ThinkPHP实现将SESSION存入MYSQL的方法
2014/07/22 PHP
Javascript delete 引用类型对象
2013/11/01 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
js倒计时抢购实例
2015/12/20 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
基于Bootstrap的网页设计实例
2017/03/01 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
Vue中的混入的使用(vue mixins)
2018/06/01 Javascript
React中如何引入Angular组件详解
2018/08/09 Javascript
微信小程序云开发实现数据添加、查询和分页
2019/05/17 Javascript
jquery分页优化操作实例分析
2019/08/23 jQuery
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
[01:35]2018年度CS GO最佳战队-完美盛典
2018/12/17 DOTA
[01:02:20]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python Django模板的使用方法(图文)
2013/11/04 Python
Python编码类型转换方法详解
2016/07/01 Python
Python人脸识别初探
2017/12/21 Python
python绘制圆柱体的方法
2018/07/02 Python
Python读写zip压缩文件的方法
2018/08/29 Python
Django自带日志 settings.py文件配置方法
2019/08/30 Python
python读取当前目录下的CSV文件数据
2020/03/11 Python
CSS3中各种颜色属性的使用教程
2016/05/17 HTML / CSS
AutoShack.com加拿大:北美主要的汽车零部件零售商
2019/07/24 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
介绍一下SQL Server的全文索引
2013/08/15 面试题
大学生收银员求职信分享
2014/01/02 职场文书
食品安全演讲稿
2014/09/01 职场文书
1000字打架检讨书
2014/11/03 职场文书
护士长2015年终工作总结
2015/04/24 职场文书
单位政审意见范文
2015/06/04 职场文书
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL