当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?
其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv=refresh content="20">,其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.baidu.com">,其中20指隔20秒后跳转到http://www.baidu.com页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
---------------------------------------------------------------------------------------------------------------------------------
1)
<meta http-equiv="refresh"content="10;url=跳转的页面">
10表示间隔10秒刷新一次
2)
<script language=''javascript''>
window.location.reload(true);
</script>
如果是你要刷新某一个iframe就把window给换成frame的名字或ID号
3)
<script language=''javascript''>
window.navigate("本页面url");
</script>
4>
function abc()
{
window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}
刷新本页:
Response.Write("<script language=javascript>window.location.href=window.location.href;</script>")
刷新父页:
Response.Write("<script language=javascript>opener.location.href=opener.location.href;</script>")
转到指定页:
Response.Write("<script language=javascript>window.location.href='http://baihe8612.blog.163.com/blog/yourpage.aspx';</script>")
刷新页面实现方式总结(HTML,ASP,JS)
'by aloxy
定时刷新:
1,<script>setTimeout("location.href='http://baihe8612.blog.163.com/blog/url'",2000)</script>
说明:url是要刷新的页面URL地址
2000是等待时间=2秒,
2,<meta name="Refresh" content="n;url">
说明:
n is the number of seconds to wait before loading the specified URL.
url is an absolute URL to be loaded.
n,是等待的时间,以秒为单位
url是要刷新的页面URL地址
3,<%response.redirect url%>
说明:一般用一个url参数或者表单传值判断是否发生某个操作,然后利用response.redirect 刷新。
4,刷新框架页
〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload();</script〉
弹出窗体后再刷新的问题
Response.Write("<script>window.showModalDialog('../OA/SPCL.aspx',window,'dialogHeight: 300px; dialogWidth: 427px; dialogTop: 200px; dialogLeft: 133px')</script>");//open
Response.Write("<script>document.location=document.location;</script>");
在子窗体页面代码head中加入<base target="_self"/>
刷新的内容加在 if (!IsPostBack) 中
在框架页中右面刷新左面
//刷新框架页左半部分
Response.Write("<script language=javascript>");
Response.Write("parent.left.location.href='http://baihe8612.blog.163.com/blog/PayDetailManage_Left.aspx'");
Response.Write("</script>");
页面定时刷新功能实现
有三种方法:
1,在html中设置:
<title>xxxxx</title>之後加入下面这一行即可!
定时刷新:<META HTTP-EQUIV="Refresh" content="10">
10代表刷新间隔,单位为秒
2.jsp
<% response.setHeader("refresh","1"); %>
每一秒刷新一次
3.使用javascript:
<script language="javascript">
setTimeout("self.location.reload();",1000);
<script>
一秒一次
页面自动跳转:
1,在html中设置:
<title>xxxxx</title>之後加入下面这一行即可!
定时跳转并刷新:<meta http-equiv="refresh" content="20;url=http://自己的URL">,
其中20指隔20秒后跳转到http://自己的URL 页面。
点击按钮提交表单后刷新上级窗口
A窗口打开B窗口
然后在B里面提交数据至C窗口
最后要刷新A窗口
并且关闭B窗口
几个javascript函数
//第一个自动关闭窗口
<script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=2
clock();
//-->
</script>
//第二个刷新父页面的函数
<script language="javascript">
opener.location.reload();
</script>
//第三个打开窗口
<script language="javascript">
function show(mylink,mytitle,width,height)
{mailwin=window.open(mylink,mytitle,'top=350,left=460,width='+width+',height='+height+',scrollbars=no')}
</script>
js刷新父页面
非模态刷新父页面:window.opener.location.reload();
模态刷新父页面:window.dialogArguments.location.reload();
Response.Write("<script language=\"javascript\">\r\n");
Response.Write("<!--\r\n");
Response.Write("if(dialogArguments != null){\r\n");
// 注意上面的dialogArguments,就是父页面showModalDialog()的第二个参数。
// 就是父页面的window对象引用。
Response.Write("dialogArguments.location.reload(true);\r\n");
// 上面就是刷新父页的代码,相当于在父页上使用
// window.location.reload(true);代码
Response.Write("window.close();}"); // 关闭对话框
Response.Write("//-->\r\n</script>"); //关闭脚本块
}
上面的代码就是关闭对话框和刷新父页的代码,这段代码也可以直接写入editdata.aspx的html中,然后在后台cs中调用
<script>
<!--
var limit="0:10"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+"分"+cursec+"秒后重刷本页!"
else
curtime=cursec+"秒后重刷本页!"
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}
window.onload=beginrefresh
file://-->
</script>
分享到:
相关推荐
本文将详细介绍如何使用JavaScript(简称JS)来实现页面的自动刷新,并探讨各种不同的刷新场景。 #### 二、基本原理与方法 自动刷新可以通过多种方式实现,下面我们将逐一介绍这些方法: ##### 1. 定时刷新当前...
在IT领域,页面自动刷新是常见的网页交互功能,主要用于实时更新页面内容,提供最新的数据给用户,例如在线聊天、股票报价或天气预报等场景。本资料包“页面自动刷新代码大全”聚焦于这一主题,提供了多种实现页面...
这个"自动刷新网页代码.rar"文件包含了一个简单的实现这一功能的例子。主要使用的编程语言是JavaScript(JS),这是一种广泛应用于客户端Web开发的脚本语言,用于增加交互性和动态功能。 在"index.htm"文件中,我们...
#### 二、自动刷新页面的方法 除了使用JavaScript方法外,还可以通过HTML元数据标签来实现页面的自动刷新。 1. **使用`<meta>`标签进行自动刷新** - **示例代码**: ```html ``` - 上述代码表示每隔20秒刷新...
网页自动刷新是一种常见的功能,尤其在实时数据更新或者监控页面中非常有用。通过在HTML代码中插入特定的元标签(meta tag),我们可以实现这个功能。本文将详细解释如何使用HTML的`<meta>`标签来自动刷新网页,并...
在IT领域,自动刷新网页是一项常见的需求,尤其对于开发者、数据监控人员以及热衷于实时信息更新的用户来说。自动刷新功能允许用户无需手动刷新页面就能获取到最新的内容,节省了时间和精力。以下是对这个主题的详细...
`<meta>` 标签用于自动刷新页面 - **语法**: `时间间隔;url=跳转地址">` - `http-equiv` 属性设置为 `refresh` 表示该元信息用于控制页面刷新。 - `content` 属性用于定义刷新的时间间隔以及可选的跳转地址。 - ...
在探讨“JS当前页面和框架自动刷新的方法”这一主题时,我们主要关注的是如何利用JavaScript来实现网页及其框架内的页面自动或手动刷新的功能。本文将深入解析提供的代码示例,并详细阐述各种刷新方法的工作原理及...
- `js`:这是一个文件夹,可能包含了插件的JavaScript代码,用于实现自动刷新和其他功能。 - `_metadata`: 这个文件夹可能包含了插件的元数据,例如作者信息、版本历史等。 - `image`:存放插件的图标和其他图像资源...
在Vue.js应用中,当你需要在执行特定操作如删除或添加数据后刷新页面时,通常前端不会自动更新,因为Vue采用的是数据驱动视图的模式,仅当数据变化时才会更新视图。在这种情况下,我们可以采取手动刷新页面的方法。...
### 页面定时自动刷新代码实现详解 #### 一、引言 在Web开发中,有时我们需要让页面自动刷新,以更新显示的数据或者确保用户看到的是最新的信息。页面定时自动刷新可以通过多种方式进行实现,包括HTML元标签、...
本文将对 JS 页面刷新的方法进行分类和总结,涵盖自动刷新和手动刷新两种方式,并对当前页面和父页面的刷新进行详细讲解。 一、自动刷新 自动刷新是指在不需要用户干预的情况下,页面自动刷新的方式。常见的自动...
2. **JavaScript自动刷新**: - 使用`window.onload`事件确保页面加载完成后执行刷新操作:`window.onload = function() { window.location.reload(true); }` - 如果需要设置定时刷新,可以使用`setTimeout`函数:...
7. **前端框架和库的支持**:现代Web开发中,许多前端框架如jQuery、Vue.js、React.js等都提供了简化Ajax操作的API,使得开发者能更方便地实现自动刷新页面等功能。 8. **性能优化**:在实现自动刷新时,需要考虑...
- ASP.NET 中,可以在服务器端通过`Response.Write`输出JavaScript代码来刷新页面。 3. **ASP.NET 刷新**: - 在ASP.NET中,可以通过`Response.Redirect`方法刷新页面。例如: ```asp.net Response.Redirect(...
JavaScript,通常简称为JS,是一种广泛应用于客户端网页开发的脚本语言,能够实现动态交互效果,无需刷新页面即可更新内容。在这个项目中,JS被用来处理用户的选择,实时显示答题结果。 【描述】中的关键信息是...
#### 三、自动刷新页面的方法 除了手动触发页面刷新之外,还可以使用以下方法实现页面的自动刷新: ##### 1. 使用 `meta` 标签 - **定义**: 在 `<head>` 区域添加 `meta` 标签实现页面自动刷新。 - **示例代码**: ...
**自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现,包括HTML元标签(`<meta>`标签)、JavaScript等。 ##### HTML元标签 HTML中的`<meta>`标签可以通过设置`...
#### 二、JavaScript 实现页面自动刷新 1. **定时器函数**: - JavaScript 提供了 `setTimeout` 和 `setInterval` 函数来实现定时操作。 - `setTimeout` 只执行一次回调函数,而 `setInterval` 则会反复执行,...