框架页面高度自动刷新的Javascript脚本_javascript技巧

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

时间: 2024-09-24 13:49:23

框架页面高度自动刷新的Javascript脚本_javascript技巧的相关文章

用AJAX返回HTML片段中的JavaScript脚本_javascript技巧

这是AJAX开发中很常见的问题,如果你不是一直在用JavaScript框架做开发,相信你早就发现这个问题了.本文分析了两个解决办法,其中一个是讲解jQuery框架的实现. 一. 问题描述 下面举个简单的例子,演示问题所在.在下面的例子中,假设变量responseText就是AJAX加载的HTML片段数据,其中包含脚本弹出一条消息,用innerHTML方法插入ID为ajaxData的DIV中,你可能期望看到弹出那个消息框,结果你发现没有,问题就是这样. 复制代码 代码如下: <div id="

随机显示经典句子或诗歌的javascript脚本_javascript技巧

复制代码 代码如下: <SPAN id=shi>随机贤诗:</SPAN>                    <SPAN id=down>[                   <SCRIPT src="shi.js" type=text/javascript></SCRIPT>                   ]</SPAN> shi.js 复制代码 代码如下: function text() { }; t

返回上一页并自动刷新的JavaScript代码

 返回上一页并自动刷新,JavaScript一般的使用history.go(-1)和history.back()等,需要的朋友可以参考下 用JavaScript一般的使用history.go(-1)和history.back()等    但返回的是页面还是缓存中的数据,更新的数据不能马上呈现出来    这里只要使用一句简单的一条javascript语句就能实行,返回上一页并刷新页面   代码如下: location.href = document.referrer;//重新载入上一页     

javascript-登陆后返回之前页面,但之前页面不自动刷新。

问题描述 登陆后返回之前页面,但之前页面不自动刷新. 查看文章要登陆会员,登陆后自动返回之前页面,我写的这个js javascript:history.go(-2) 但是返回后页面不自动刷新,还是要求登陆的样子. 请问写什么js可以实现返回并且刷新页面. 解决方案 把之前输入的值再填进去. 解决方案二: windows.location.href=windows.登陆界面的.href 解决方案三: 打开登录界面时,也把之前的连接传进来,再用windows.location.href=之前页面的连

自动生成文章摘要[JavaScript 版本]_javascript技巧

[input] truncate as charactors ; 这位是娃娃,他是我弟弟.是一只很酷又非常可爱的小狗. 他今年已经两岁了,虽然个头很小,但是气势一点也不逊色大狗.非常敢于同恶势力作斗争 娃娃的显著特点就是可爱,尤其是把耳朵背在后面的时候显得特别可爱,仿佛一只乖巧的小猫咪.他还会站起来跳舞,比如你要给他什么好吃的时候他就会这样做.毕竟这是他的一种赖以谋生的工作方式,这年头,不会点技术能有饭吃吗. 他还有一个特点就是很酷,尽管我们是兄弟,但是他从来没有巴结我们人类的臭毛病.午后,当灿

浅析JS刷新框架中的其他页面 &amp;amp;&amp;amp; JS刷新窗口方法汇总_javascript技巧

先来看一个简单的例子:下面以三个页面分别命名为frame.html.top.html.bottom.html为例来具体说明如何做.frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: 复制代码 代码如下: <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >< HTML >< HEAD >< TITLE > frame

javascript web页面刷新的方法收集_javascript技巧

Javascript刷新页面的几种方法: 复制代码 代码如下: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自动刷新页面的方法: 1.页

asp.net中倒计时自动跳转页面的实现方法(使用javascript)_实用技巧

首先,先建立一个用于跳转的页面,代码如下. 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginTiao.aspx.cs" Inherits="LoginTiao" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &

如何让页面只自动刷新一次

记得<meta>标签当中有一个refresh的功能吗?这是让浏览的页面刷新并可以转到相应的页面,如果刷新本页的话就会造成重复的刷新,现在我们就试试用脚本来实现只让页面刷新一次.1.看看下面这段代码     <Script>function reurl(){url = location.href; //把当前页面的地址赋给变量 urlvar times = url.split("?"); //分切变量 url 分隔符号为 "?"if(times