js刷新页面的几种方法

沈建明发布于2019-08-26 13:45 / 3764人阅读

摘要：在前端开发过程中，我们经常需要通过刷新当前的页面来实现某些功能，一起来了解下前端刷新页面有哪些方式呢刷新法方法，用来强制浏览器刷新当前页面。

在前端开发过程中，我们经常需要通过刷新当前的页面来实现某些功能，一起来了解下前端刷新页面有哪些方式呢？

reload刷新法

reload方法，用来强制浏览器刷新当前页面。
语法：

loaction.reload([bForceGet])

参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")

replace刷新法

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

location.replace(URL)

自动刷新页面

页面自动刷新：把如下代码加入区域中

页面自动跳转：把如下代码加入区域中

页面自动刷新js版

总结

history.back();     // 等同于点击浏览器的回退按钮
history.go(-1);     //等同于history.back();
window.location.reload(true); //强制从服务器重新加载当前页面

GPU云服务器云服务器 js缓存的几种方法 js的几种数据类型 js继承的几种方式最基本的几种

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109472.html

Webpack 2: 生产力工具, 模块热替换(HMR)的几种方式

摘要：更新已经到了这里添加更新说明并说明结合使用的简要步骤参考资料环境在中添加中的设置的要设置为要在你的应用程序入口之前添加如下在有完整的配置入口文件要这样导 2018-01-10 更新 Webpacket 已经到3了, 这里添加更新说明,并说明结合babel-loader使用的简要步骤参考资料 https://doc.webpack-china.org... https://githu...

changfeng1050 2019-08-20 16:11 评论0 收藏0
前端路由原理解析和实现

摘要：如何实现前端路由要实现前端路由，需要解决两个核心如何改变却不引起页面刷新如何检测变化了下面分别使用和两种实现方式回答上面的两个核心问题。原文链接：github.com/whinc/blog/… 在单页应用如此流行的今天，曾经令人惊叹的前端路由已经成为各大框架的基础标配，每个框架都提供了强大的路由功能，导致路由实现变的复杂。想要搞懂路由内部实现还是有些困难的，但是如果只想了解路由实现基本...

lavor 2019-05-23 16:28 评论0 收藏0
Laravel 5 系列教程三：视图变量传递和Blade

摘要：所以在视图中我们需要这样输出这里应写成，而不是。这个时候注意更改视图的变量输出。原文来自： https://jellybool.com/post/programming-with-laravel-5-blade-views-with-var 系列文章： http://segmentfault.com/blog/jellybool 免费视频教程地址 https://laravist...

jindong 2019-06-27 11:28 评论0 收藏0
50道JavaScript基础面试题（附答案）

摘要：事件中属性等于。响应的状态为或者。同步在上会产生页面假死的问题。表示声明的变量未初始化，转换为数值时为。但并非所有浏览器都支持事件捕获。它由两部分构成函数，以及创建该函数的环境。 1 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、...

huaixiaoz 2019-08-22 18:04 评论0 收藏0
JS实现不重载页面前提下创建一条历史纪录

摘要：背景最近在上班过程中，遇到了这么一个需求，在多页面应用中，需要在几个页面上共用同一个数据来源，且切换页面不刷新页面数据，并能实现历史记录的后退功能因前期只考虑在一个页面内实现多个页面的效果，并未考虑到历史记录堆栈中的处理，导致页面会一次性推背景最近在上班过程中，遇到了这么一个需求，在多页面应用中，需要在几个页面上共用同一个数据来源，且切换页面不刷新页面数据，并能实现历史记录的后退功...

bigdevil_s 2019-08-23 12:35 评论0 收藏0