您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > javascript

JS刷新当前页面的几种方法总结

时间:2019-09-06 10:05:46  来源:  作者:
JS刷新当前页面的几种方法总结

 

1,重装方法,该方法强迫浏览器刷新当前页面。

语法: location.reload([bForceGet]) 参数: bForceGet,可选参数,默认为false,从客户端缓存里取当前页.true,则以GET方式,从服务端取最新的页面,相当于客户端点击F5(“刷新”)

2,替换方法

该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用替代方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。

语法: location.replace(URL)在实际应用的时候,重新刷新页面的时候,我们通常使用:location.reload()或者是history.go(0)来做。因为这种做法就像是客户端点F5刷新页面,所以页面的method =“post”的时候,会出现“网页过期”的提示。那是因为会话的安全保护机制。可以想到:当调用location.reload()方法的时候,aspx页面此时在服务端内存里已经存在,因此必定是IsPostback的。如果有这种应用:我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建,我们期望是不是IsPostback的。这里, location.replace()就可以完成此任务。被替换的页面每次都在服务端重新生成。你可以这么写:location.replace(location.href);

返回并刷新页面:

location.replace(document.referrer); document.referrer //前一个页面的URL不要用history.go(-1),或history.back();来返回并刷新页面,这两种方法不会刷新页面。

3,使用JAVAscript刷新页面的几种方法:

  • 1,history.go(0)
  • 2,location.reload()
  • 3,位置=位置
  • 4,location.assign(位置)
  • 5,document.execCommand( '刷新')
  • 6,window.navigate(位置)
  • 7,location.replace(位置)
  • 8,document.URL = location.href

4,自动刷新页面的方法:

  • 1,页面自动刷新:把如下代码加入区域中
 <meta http-equiv="refresh" content="20">
 <!-- 其中20指每隔20秒刷新一次页面.-->
  • 2,页面自动跳转:把如下代码加入区域中
 <meta http-equiv="refresh" content="20; url="http://baidu.com">
 <!--其中20指隔20秒后跳转到 http://baidu.com 页面-->
  • 3,页面自动刷新JS版:
 function myrefresh(){
 window.location.reload();
 }
 setTimeout('myrefresh()',1000); //指定1秒刷新一次
  • 4,JS刷新框架的脚本语句:
 // 如何刷新包含该框架的页面用
 parent.location.reload();
 // 子窗口刷新父窗口
 self.opener.location.reload();
 // (或<a href="JavaScript:opener.location.reload()">刷新</a>)
 // 如何刷新另一个框架的页面用
 parent.另一FrameID.location.reload();

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

 <body onload="opener.location.reload()"> <!--开窗时刷新-->
 <body onUnload="opener.location.reload()"> <!--关闭时刷新-->
 <script language="javascript">
 window.opener.document.location.reload();
 </script>

文章来源:http://www.iqianduan.net/blog/refresh-browser-method



Tags:JS   点击:()  评论:()
声明:本站部分内容来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除,谢谢。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
最近话不多,直接看代码和结果好伐?一、var定义://一般情况var word = "Hello World";console.log(word);//输出:Hello World//变量提升?console.log(word);var word = "Hello Wor...【详细内容】
2020-07-09   JS  点击:(2)  评论:(0)  加入收藏
Node.js允许程序员在服务器端使用Javascript语言和脚本,这很快导致它在全世界范围内被迅速采用。Node.js在过去十年里慢慢爬上了流行的阶梯,并根据这次Stack overflow的调查,...【详细内容】
2020-07-09   JS  点击:(2)  评论:(0)  加入收藏
前言本篇文章适用于Node.js(Express后台)+MongoDB开发的项目流程1.远程连接到服务器可以登录阿里云远程连接到自己的服务器,也可以使用git-bash登录:ssh root@公网IP2.更新aptap...【详细内容】
2020-07-04   JS  点击:(1)  评论:(0)  加入收藏
NodeJS是服务器端JavaScript,是为在网络应用程序框架内实现高性能而开发的,并针对并发环境进行了优化。它是使用命令行工具,用JavaScript和C ++编写。它借助后端JavaScript代码...【详细内容】
2020-07-02   JS  点击:(3)  评论:(0)  加入收藏
0x00 前言漏洞背景hw时期在电信三巨头之一旗下的子公司出差,做一下渗透测试。公网的业务主挖逻辑漏洞,但是每次挖着挖着就变成了CSRF攻击,出差半个月算是把这辈子的CSRF都给挖...【详细内容】
2020-06-26   JS  点击:(2)  评论:(0)  加入收藏
功能 Amis 基于 bootstrap 基于 typescript 代码开发友好 支持 json 配置渲染逻辑复杂的表单或页面,该功能十分强大 拥有齐全的 admin 组件库,完全满足一般管理系统需求 该框...【详细内容】
2020-06-26   JS  点击:(1)  评论:(0)  加入收藏
环境:远程系统 : deepIn 15.11本地系统:windows 7nodejs : 12.13.01.程序部署将nodejs程序同时放到远程系统和本地系统$ tree.├── index.js└── node_modules └── ex...【详细内容】
2020-06-26   JS  点击:(1)  评论:(0)  加入收藏
作者:诀九 前端名狮转发链接: https://mp.weixin.qq.com/s/BMg8bFUwa4gmm6v2acAe7Q前言在头条发布文章时,需要为文章配置一个封面图片。我的常规做法就是网上搜一张图片,然后利...【详细内容】
2020-06-22   JS  点击:(0)  评论:(0)  加入收藏
今天我们来聊聊js引擎JavaScript很酷,但是机器如何才能真正理解您编写的代码?作为JavaScript开发人员,我们通常不必自己处理编译器。但是,一定要了解JavaScript引擎的基础知识,看...【详细内容】
2020-06-18   JS  点击:(1)  评论:(0)  加入收藏
工作中需要查看一些网站的JS语句,打心眼里对这种语法充满了鄙夷,优雅跟它没关系,一些烂写法很难读懂,简直就是反人类,太变态了。下面举个小例子,因为篇幅原因,就复制了一小段,看看你...【详细内容】
2020-06-17   JS  点击:(4)  评论:(0)  加入收藏
1. 事件冒泡与事件捕获事件冒泡和事件捕获分别由微软和网景公司提出,这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。考虑下面这段代码,就不写html->head,body之类...【详细内容】
2020-06-11   JS  点击:(1)  评论:(0)  加入收藏
在动态Web项目的开发中,经常需要动态生成HTML。内容(如系统中的当前在线人数需要动态生成)。如果使用Servlet实现HTML页面数据的统计,则需要使用大量的输出语句。同时,如果静态...【详细内容】
2020-06-09   JS  点击:(0)  评论:(0)  加入收藏
前言:写代码的过程中,难免会发生各种错误,而发出去的代码也可能收到用户浏览器报回来的各种错误需要查问题。了解这些报错发生的原因以及出现的浏览器可以帮助我们更快的找到...【详细内容】
2020-05-25   JS  点击:(0)  评论:(0)  加入收藏
JS代码为什么要进行混淆加密?因为:JS代码是明文。JS是种开放源码的编程语言,无论是前端浏览器中的JS代码,还是在后端使用,如nodejs,js代码都是明文,明文代码,他人可以随意查看、复制...【详细内容】
2020-05-17   JS  点击:(0)  评论:(0)  加入收藏
浏览器加载页面是按从上到下顺序加载的。加载 JS 并执行的时候,会阻塞其他资源的加载。这是因为 JS 可能会有 DOM 、样式等等操作,所以浏览器要先加载这段 JS 并执行,再加载放...【详细内容】
2020-05-14   JS  点击:(4)  评论:(0)  加入收藏
前言前端开发有时会处理一部分后台返回的数据,或者根据数据判断做一些处理; 这个时候就非常有必要将一些常用的工具类封装起来; 本文根据常用的一些工具类封装了 59 个方...【详细内容】
2020-05-11   JS  点击:(3)  评论:(0)  加入收藏
一.Node.js 缔造的传奇I have a job now, and this guy is the reason why I have that now. His hobby project is what I use for living. Thanks. —— Shajan...【详细内容】
2020-04-30   JS  点击:(3)  评论:(0)  加入收藏
学习目标1)了解分布式文件系统的概念及应用场景2)理解fastDFS的工作原理3)掌握fastDFS存取文件方法4)基于SpringBoot+fastDSf+vue.js实现图片服务1 什么是分布式文件系统1.1 技...【详细内容】
2020-04-27   JS  点击:(5)  评论:(0)  加入收藏
今天我将向大家演示如何使用 React Profiler API、Tracing API 以及 User Timing API 来分别追踪 React 的组件渲染、用户交互以及自定义性能指标。...【详细内容】
2020-04-25   JS  点击:(2)  评论:(0)  加入收藏
前几天,作者遇到了这样一种情况,需要在一个让web3.py几乎不可能工作的环境中使用Python与Ethereum网络进行通信。...【详细内容】
2020-04-23   JS  点击:(8)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条