框架页面高度自动刷新的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 相关文章推荐
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
Vue.js教程之axios与网络传输的学习实践
Apr 29 Javascript
将Sublime Text 3 添加到右键中的简单方法
Dec 12 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
js实现页面导航层级指示效果
Aug 25 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 函数执行效率的小比较
2010/10/17 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
PHP加密解密实例分析
2015/12/25 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
javascript String 的扩展方法集合
2008/06/01 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
js Calender控件使用详解
2015/01/05 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
2015/04/07 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
2015/04/15 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
2017/01/25 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
vue2.0 如何在hash模式下实现微信分享
2019/01/22 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
vue2.0 解决抽取公用js的问题
2020/07/31 Javascript
JS实现简易贪吃蛇游戏
2020/08/24 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
[04:41]2014DOTA2国际邀请赛 Liquid顺利突围晋级正赛
2014/07/09 DOTA
python实现的防DDoS脚本
2011/02/08 Python
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
Python多层装饰器用法实例分析
2018/02/09 Python
Python生成短uuid的方法实例详解
2018/05/29 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
Python hmac模块使用实例解析
2019/12/24 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
python怎么调用自己的函数
2020/07/01 Python
解决使用Pandas 读取超过65536行的Excel文件问题
2020/11/10 Python
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
小区停车场管理制度
2014/01/27 职场文书
求职面试个人自我评价
2014/02/28 职场文书