框架页面高度自动刷新的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 输入框数字限制插件
Nov 10 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
Dec 31 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
angularjs的select使用及默认选中设置
Apr 08 Javascript
AngularJS发送异步Get/Post请求方法
Aug 13 Javascript
微信小程序显示倒计时功能示例【测试可用】
Dec 03 Javascript
JavaScript生成随机验证码代码实例
Sep 28 Javascript
Vue3.0数据响应式原理详解
Oct 09 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格式化工具Beautify PHP小小BUG
2008/04/24 PHP
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
javascript window对象属性整理
2009/10/24 Javascript
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
跨域传值即主页面与iframe之间互相传值
2013/12/09 Javascript
node.js中的buffer.length方法使用说明
2014/12/14 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
2017/09/29 Javascript
React中的render何时执行过程
2018/04/13 Javascript
js技巧之十几行的代码实现vue.watch代码
2018/06/09 Javascript
vue与原生app的对接交互的方法(混合开发)
2018/11/28 Javascript
vue中使用腾讯云Im的示例
2020/10/23 Javascript
Python isinstance判断对象类型
2008/09/06 Python
Python实现控制台进度条功能
2016/01/04 Python
Django Admin实现上传图片校验功能
2016/03/06 Python
利用Python-iGraph如何绘制贴吧/微博的好友关系图详解
2017/11/02 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
python循环输出三角形图案的例子
2019/11/22 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
财务会计专业应届毕业生求职信
2013/10/18 职场文书
美工的岗位职责
2013/11/14 职场文书
接待员岗位职责范本
2015/04/15 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
教你怎么用PyCharm为同一服务器配置多个python解释器
2021/05/31 Python