JavaScript自动刷新页面的方法

由 kamiya 创建, 最后一次修改 2016-08-11

使用JavaScript location.reload方法刷新网页。当用户点击一个链接此代码可以自动在一个事件调用。
如果想使用鼠标点击刷新网页,可以用下面的代码:

<a href="javascript:location.reload(true)">Refresh Page</a>

要了解它更好的办法,可以刷新页面
自动刷新:
还可以使用JavaScript后自动给定时间段,以刷新页面。以下是每5秒后会刷新此页面的例子。可以改变这个时候按您的要求。

<html>
<head>
<script type="text/JavaScript">
<!--
function AutoRefresh( t ) {
 setTimeout("location.reload(true);", t);
}
//  -->
</script>
</head>
<body οnlοad="JavaScript:AutoRefresh(5000);">
<p>This page will refresh every 5 seconds.</p>
</body>
</html>
这里的 setTimeout()是一个内置的JavaScript函数,可用于给定的时间间隔之后执行另一个函数。

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.页面自动刷新:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20"> 
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20;url=http://www.jb51.net"> 
其中20指隔20秒后跳转到http://www.jb51.net页面

3.页面自动刷新js版

代码如下:

<script language="JavaScript"> 
function myrefresh() 

window.location.reload(); 

setTimeout('myrefresh()',1000); //指定1秒刷新一次 
</script>

ASP.NET如何输出刷新父窗口脚本语句 
1. this.response.write("<script>opener.location.reload();</script>"); 
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>"); 
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")

JS刷新框架的脚本语句 
//如何刷新包含该框架的页面用 
<script language=JavaScript> 
parent.location.reload(); 
</script>

//子窗口刷新父窗口 
<script language=JavaScript> 
self.opener.location.reload(); 
</script> 
( 或 <a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用 
<script language=JavaScript> 
parent.另一FrameID.location.reload(); 
</script>

如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

<body οnlοad="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript"> 
window.opener.document.location.reload() 
</script>

//跳出页面 
<SCRIPT LANGUAGE=JAVASCRIPT> 
<!-- 
if (top.location !== self.location) { 
top.location=self.location; 
}

javascript 页面只自动刷新一次

代码如下:

<Script> 
function reurl(){ 
url = location.href; //把当前页面的地址赋给变量 url 
var times = url.split("?"); //分切变量 url 分隔符号为 "?" 
if(times[1] != 1){ //如果?后的值不等于1表示没有刷新 
url += "?1"; //把变量 url 的值加入 ?1 
self.location.replace(url); //刷新页面 


οnlοad=reurl 
</script>

地址:https://www.w3cschool.cn/xqw2e7/5bom12y1.html

JavaScript页面刷新的所有方法相关推荐

  1. html-javascript前端页面刷新重载的方法汇总

    记得我在兴安得力实习要转正的时候,我领导象征性的给我出了一套测试题目,里面就有js闭包和页面刷新等题目.今天把很久之前的测试题目之一,js页面刷新的方法以及页面自动刷新跳转和返回上一页和下一页等方法总 ...

  2. ASP.NET页面刷新的实现方法

    先看看ASP.NET页面刷新的实现方法: 第一: private void Button1_Click( object sender, System.EventArgs e ) { Response. ...

  3. JavaScript页面刷新的方法

    1,reload方法 该方法强迫浏览器刷新当前页面. 语法:location.reload() 2,replace方法 当使用replace方法之后,不能通过"前进"和" ...

  4. javascript 页面刷新

    Javascript刷新页面的几种方法: 1    history.go(0) 2    location.reload() 3    location=location 4    location. ...

  5. js(javascript)页面刷新

    javascript refresh page 几种页面刷新的方法 本节内容:Javascript刷新当前页面的方法与实例. window.location.reload(),window.histo ...

  6. jQuery页面刷新的一些方法

    jQuery页面刷新的几种方法 window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),这三个方 ...

  7. JavaScript 页面资源加载方法onload,onerror总结

    资源加载:onload,onerror 浏览器允许我们跟踪外部资源的加载 -- 脚本,iframe,图片等. 这里有两个事件: onload -- 成功加载, onerror -- 出现 error. ...

  8. javascript页面刷新与定时跳转页面

    1.页面自动刷新:把以下代码放入<head>区域中 <meta http-equiv="refresh" content="20"> 其 ...

  9. VUE项目部署Tomcat页面刷新404问题解决方法

    问题描述 vue项目在本地开发环境运行正常,打包部署至线上Tomcat服务后,不刷新浏览器时工作正常,一刷新浏览器就报404错误,错误截图如下: 错误描述:404,源服务器未能找到目标资源的表示或者是 ...

  10. HTML页面刷新及其应用例子

    HTML页面刷新及其应用例子 刷新一般指重新载入当前页面.本文先给出html页面刷新重载方法汇总,再给出示例. html页面刷新重载方法汇总 一.javascript页面刷新重载的方法: <a ...

最新文章

  1. Node.js使用supervisor
  2. tomcat 7 下添加 shared/lib 文件夹
  3. IE7.0默认主页修改
  4. 【H2 Database】导出CSV
  5. 移除 ZooKeeper 的 kafka 2.8 ,更快了
  6. oracle监听服务无法启动不了,关于ORACLE监听服务无法启动的问题
  7. 统计学基础一:基础概念
  8. 谷歌修复已遭在野利用的两个 0day
  9. 力扣——在排序数组中查找元素的第一个和最后一个位置
  10. 第四章——变换域处理方法
  11. python 串口实例_串口编程(python串口通信实例)
  12. mongodb与mysql相比的优缺点
  13. 小程序---宿主环境(常用组件、api)---02
  14. 汉堡式折叠html,纯CSS3菜单汉堡包按钮变形动画特效
  15. Canal源码分析deployer模块
  16. NPDP产品经理证书(2019年04月),NPDP是IBM和华为的IPD的祖师爷。IPD学不到,NPDP还是可以学到的。...
  17. RadioButton 和 RadioButtonList 比较
  18. 举个栗子~Tableau 技巧(209):用自定义形状实现刻度环形图
  19. 【五六七人口普查】我国区县级人口基本情况
  20. 超经典机械制图基础常识

热门文章

  1. 基于ECharts和腾讯疫情数据接口的全球疫情地图(超全)
  2. 如何查看sql2000 sp4是否安装成功 及sp4补丁安装
  3. chipgenius芯片精灵v4|chipgenius芯片精灵 usb检测工具绿色版v4.00.1024下载
  4. 苹果手机怎么修改dns服务器,苹果手机怎么设置DNS iPhone8更改DNS详细图文教程
  5. 自制Linux开发板,换个核心再来一次
  6. HikariCP配置手册
  7. 使用JS打开word在线编辑,直接编辑在线doc文件
  8. 2021年电工(初级)考试及电工(初级)考试题
  9. 隐马尔可夫模型简单理解
  10. 在ppt中怎么加入倒计时 里面怎么加入倒计时【方法】