js自动刷新页面代码

最新推荐文章于 2023-08-10 16:36:49 发布
最新推荐文章于 2023-08-10 16:36:49 发布
阅读量1k 收藏 1
点赞数
分类专栏： web

当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？
其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
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.οnlοad=beginrefresh 
file://--> 
</script>

hysen31
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS刷新页面
chenli4707的博客
03-15 619
1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("...
JS实例：网页特效-自动刷新页面
请叫我二狗哥
11-14 1463
在一些具有时效性特点的网页中，譬如股票价格、外汇牌等，需要定时刷新网页，把最新数据展示给用户，那么这样的效果如何实现呢？请使用reload()函数补充下面代码实现网页每隔5s自动刷新，同时显示实时的时间秒。（1）JS定时器setTimeout()和setInterval()；（2）JS中window.location的属性和方法。
javascript 页面只自动刷新一次
01-19
1.看看下面这段代码 代码如下: [removed] function reurl(){ url = location.href; //把当前页面的地址赋给变量 url var times = url.split(“?”); //分切变量 url 分隔符号为 “?” if(times[1] != 1){ //如果?后的值不等于1表示没有刷新 url += “?1”; //把变量 url 的值加入 ?1 self.location.replace(url); //刷新页面 } } onload=reurl [removed] 2.原理 充分利用地址栏可带参数的选项，用脚本来取得页面间的传递参数
js自动刷新页面
10-12
js自动刷新页面
页面自动刷新代码大全
zisetoufa
05-11 448
页面自动刷新代码大全 1) 自动刷新页面 在 与 之间加入： 10表示间隔10秒刷新一次 2) window.location.reload(true); 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) window.navigate(”本页面url”); 4> function abc()...
js自动刷新一次页面
qq_39178473的博客
01-10 2999
有时js效果不能正常显示，有可能是html加载数据过多,导致某些数据无法显示,需要刷新才能显示。 有的浏览器第一次加载不会动画 刷新当前页面一次 可以不加的。 法一： function reurl(){ url = location.href; var times = url.split(&quot;?t=&quot;); if(times[1] != 1){ url += “?t=1”; self.locatio...
自动刷新当前页面代码
u010497465的博客
07-21 1026
这里本文为大家介绍三种 js 刷新当前页面的方法： 方法1：reload() 方法 reload()方法用于刷新当前文档。 reload() 方法类似于你浏览器上的刷新页面按钮。 location.reload(); 方法2：replace() 方法 replace() 方法可用一个新文档取代当前文档。。 < html> < head> < meta charset...
JS网页自动刷新脚本
m0_57010556的博客
08-10 3305
应用场景：Chrome浏览器 一、使用流程： 1.在Chrome地址栏输入需要的网址； 2.按F12打开开发者工具，找到控制台（console）； 3.将下面的脚本代码复制到控制台内，敲回车键即可执行。 4.在弹出的时间设置框内输入刷新时间间隔（该间隔以秒为单位），点击确定，页面将自动根据时间间隔刷新。
网页页面 自动刷新的3种代码
12-03
其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1.页面自动刷新：把如下代码加入<head>...3.页面自动刷新js版 <script language=
自动刷新网页,自动刷新当前页面,JS调用
12-12
reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于...
自动刷新网页代码.rar
07-04
自动刷新网页代码
基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip
05-31
【优质项目推荐】 1、项目代码均经过严格本地测试，运行OK，确保功能稳定后才上传平台。可放心下载并立即投入使用，若遇到任何使用问题，随时欢迎私信反馈与沟通，博主会第一时间回复。 2、项目适用于计算机相关专业（如计科、信息安全、数据科学、人工智能、通信、物联网、自动化、电子信息等）的在校学生、专业教师，或企业员工，小白入门等都适用。 3、该项目不仅具有很高的学习借鉴价值，对于初学者来说，也是入门进阶的绝佳选择；当然也可以直接用于 毕设、课设、期末大作业或项目初期立项演示等。 3、开放创新：如果您有一定基础，且热爱探索钻研，可以在此代码基础上二次开发，进行修改、扩展，创造出属于自己的独特应用。 欢迎下载使用优质资源！欢迎借鉴使用，并欢迎学习交流，共同探索编程的无穷魅力！ 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip
六一儿童节快乐！（六一儿童节庆祝代码）Vue开发
05-31
六一儿童节快乐！（六一儿童节庆祝代码）Vue开发 like Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and fixes files npm run lint Customize configuration
uniapp聊天工具源码.zip
05-31
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
NX二次开发uc1603 函数介绍
05-31
NX二次开发uc1603 函数介绍，Ufun提供了一系列丰富的 API 函数，可以帮助用户实现自动化、定制化和扩展 NX 软件的功能。无论您是从事机械设计、制造、模具设计、逆向工程、CAE 分析等领域的专业人士，还是希望提高工作效率的普通用户，NX 二次开发 Ufun 都可以帮助您实现更高效的工作流程。函数覆盖了 NX 软件的各个方面，包括但不限于建模、装配、制图、编程、仿真等。这些 API 函数可以帮助用户轻松地实现自动化、定制化和扩展 NX 软件的功能。例如，用户可以通过 Ufun 编写脚本，自动化完成重复性的设计任务，提高设计效率；或者开发定制化的功能，满足特定的业务需求。语法简单易懂，易于学习和使用。用户可以快速上手并开发出符合自己需求的 NX 功能。本资源内容 提供了丰富的中英文帮助文档，可以帮助用户快速了解和使用 Ufun 的功能。用户可以通过资源中的提示，学习如何使用 Ufun 的 API 函数，以及如何实现特定的功能。
【目标检测数据集】遥感类军用飞机检测数据集3800张20类别VOC+YOLO格式.zip
05-31
【目标检测数据集】遥感类军用飞机检测数据集3800张20类别VOC+YOLO格式.zip 数据集格式：Pascal VOC格式+YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：3821 标注数量(xml文件个数)：3821 标注数量(txt文件个数)：3821 标注类别数：20 标注类别名称:["A1","A2","A3","A4","A5","A6","A7","A8","A9","A10","A11","A12","A13","A14","A15","A16","A17","A18","A19","A20"] 每个类别标注的框数： A1 框数 = 1646 A2 框数 = 1726 A3 框数 = 1164 A4 框数 = 642 A5 框数 = 1262 A6 框数 = 436 A7 框数 = 680 A8 框数 = 944 A9 框数 = 1073 A10 框数 = 924 A11 框数 = 501 A12 框数 = 702 A13 框数 = 1652 A14 框数 = 177
grpcio-1.64.0-cp38-cp38-win_amd64.whl
最新发布
05-31
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
js自动刷新代码
05-25
你可以使用以下代码来实现自动刷新页面: ```javascript setTimeout(function(){ location.reload(); }, 5000); // 5000毫秒为5秒钟，可以根据需要调整 ``` 在这个例子中，页面将会在5秒钟后自动刷新。你可以将这...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值