编程 Javascript

框架页面高度自动刷新的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 相关文章推荐

Extjs学习笔记之一初识Extjs之MessageBox

Jan 07 Javascript

加速IE的Javascript document输出的方法

Dec 02 Javascript

javascript实现tabs选项卡切换效果(扩展版)

Mar 19 Javascript

jquery mobile实现拨打电话功能的几种方法

Aug 05 Javascript

jQuery使用attr()方法同时设置多个属性值用法实例

Mar 26 Javascript

JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

Nov 26 Javascript

javascript实现Java中的Map对象功能的实例详解

Aug 21 Javascript

详解Webpack+Babel+React开发环境的搭建的方法步骤

Jan 09 Javascript

webuploader分片上传的实现代码（前后端分离）

Sep 10 Javascript

详解Vue Elementui中的Tag与页面其它元素相互交互的两三事

Sep 25 Javascript

纯javascript实现选择框的全选与反选功能

Apr 08 Javascript

js中Map和Set的用法及区别实例详解

Feb 15 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