框架页面高度自动刷新Javascript脚本代码,JS代码库,德仔网

代码语言

代码分类

【JS】框架页面高度自动刷新Javascript脚本

作者:xqf222 / 发布于2014/2/25/ 430

加载index.htm时候，每隔1秒钟自动调用脚本刷新框架页面代码

--实现原理：加载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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　高度自动刷新　

同语言下

可能有用的

xqf222贡献的其它代码(82)