刷新_屏幕刷新机制 - CSDN
  • js刷新页面

    2019-06-27 15:42:22
    //实现刷新页面重新加载 JS实现重新加载当前页面或者父页面的几种方法 在开发过程中想要在某个时机去刷新某个固定的页面,去更新该页面某些控件的属性,比如显示隐藏、是否可点击等。是用的主要是通过 刷新该页面...

    下面是我最近学习的几种js页面加载效果

    再js中加入下面一句代码
    location.reload();  //实现刷新页面重新加载
    
    JS实现重新加载当前页面或者父页面的几种方法 
    在开发过程中想要在某个时机去刷新某个固定的页面,去更新该页面某些控件的属性,比如显示隐藏、是否可点击等。是用的主要是通过 刷新该页面, 
    方法如下:
       第一个方法:
               在该页面js部分中调用:  location.reload(); 
       第二个方法:
               在该页面js部分中调用:  locatiion.replace("new_url");
       第三个方法:
               在该页面js部分中调用:  windows.location.href=" new_url";
    
    当然 也支持子页面刷新父页面的操作,但是子页面和父页面是通过HTML包含的关系,如果是通过JS在某个时机去加载固定的格式的页面,这种不能使用。 
    方法如下:
    第一个方法:
               在该页面js部分中调用:  windows.location.person.reload() ; 
    第二个方法:
               在该页面js部分中调用:  windows.location.person.href=”new-url” ;
    第三个方法:
               在该页面js部分中调用:  windows.location.person.replace(“new-url”); 
    
    JS刷新页面的方法总结:
    语法:location.reload([参数])  
    该方法强迫浏览器刷新当前页面。                                                                                                                         参数: 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 get 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")
    语法: location.replace(url)  
    该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的url。 
    在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面,所以页面的method="post"的时候,会出现"网页过期"的提示。我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建, 我们期望是 Not IsPostback 的。这里,location.replace() 可以完成被replace的页面每次都在服务端重新生成。
    你可以这么写: location.replace(location.href);
     
    语法:location.replace(document.referrer); 
    返回并刷新页面
    document.referrer 
    前一个页面的URL
    
    自动刷新页面的方法:
    1.页面自动刷新:把如下代码加入<head>区域中
    <meta http-equiv="refresh" content="10">
    其中10指每隔10秒刷新一次页面.
    2.页面自动跳转:把如下代码加入<head>区域中
    <meta http-equiv="refresh" content="10;url=http://页面路径 ">
    其中10指隔10秒后跳转到http://页面路径页面
    
    页面自动刷新,指定1秒刷新一次
    function myrefresh()
    {
           window.location.reload();
    }
    setTimeout('myrefresh()',1000);
    
    子窗口刷新父窗口
    <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 onload="opener.location.reload()"> 开窗时刷新 
    <body onUnload="opener.location.reload()"> 关闭时刷新 
    <script language="javascript"> 
    window.opener.document.location.reload() 
    </script>
    
    
    展开全文
  • 有时候在页面里做了某些操作以后,需要页面刷新一下来重新获取数据。试了几种方法,以下总结: 1、this.$router.go(0) 这种方法页面会一瞬间的白屏,体验不是很好,虽然只是一行代码的事 2、location.reload() ...

    有时候在页面里做了某些操作以后,需要页面刷新一下来重新获取数据。试了几种方法,以下总结:

    1、this.$router.go(0)

    这种方法页面会一瞬间的白屏,体验不是很好,虽然只是一行代码的事

    2、location.reload()

    这种也是一样,画面一闪,效果总不是很好

    3、跳转空白页再跳回原页面

    在需要页面刷新的地方写上:this.$router.push('/emptyPage'),跳转到一个空白页。在emptyPage.vue里beforeRouteEnter 钩子里控制页面跳转,从而达到刷新的效果

    beforeRouteEnter (to, from, next) {
          next(vm => {
            vm.$router.replace(from.path)
          })
    }。

    这种画面虽不会一闪,但是能看见路由快速变化。

    4、控制<router-view>的显示隐藏

    默认<router-view v-if="isRouterAlive" />isRouterAlive肯定是true,在需要刷新的时候把这个值设为false,接着再重新设为true:

    this.isRouterAlive = false
    this.$nextTick(function () {
      this.isRouterAlive = true
    })

    这种方法从画面上是看不出破绽的。也可以搭配provide、inject使用。例如:

    然后在需要刷新的页面引入依赖:inject: ['reload'],

    在需要执行的地方直接调用方法即可:this.reload()。

    我的业务需求是在home里,页面右上角,在我的里面点击修改个人资料成功后,页面1就要刷新一下,如果是在app里面搭配provide、inject这样用的话,会出现一个问题,就是所有的弹窗以及menu部分就都不见了。还没有找到为什么,,

    后来发现,我的需求不通过刷新页面也可以解决,就是利用VUE组件通信,监听事件发生,然后重新调一下获取数据的接口就行。

    也就是说:

    1、给Vue的原型上添加一个bus属性

    main.js:Vue.prototype.$bus = new Vue()

    2、home页面进行修改个人资料操作时触发事件,

    home.vue: changeProfile () {this.$bus.$emit('change')}

    3、页面1里监听如果执行了操作,就调取页面1需要重新加载的数据接口。

    mounted () {
      this.$bus.$on('change', ()=> {
        this.doSomething()
      })
    },

    对于我的需求来说,页面刷新的第四种方法和利用组件通信都能解决我的问题,前者更简单后者更专业,也更强大。

    小伙伴们可以参考VUE官方文档:$dispatch 和 $broadcast 替换

    展开全文
  • js刷新页面 方法大全

    2020-07-29 14:20:48
    js刷新页面 方法大全 1.window指代的是当前页面,例如对于此例它指的是top.html页面。 2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。 3.frames是window对象...
  • 刷新页面的方法

    2017-12-22 15:34:41
    1、window.location.reload(true)  说明 ...如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。 如果把该方法的

    1、window.location.reload(true) 

    说明

    如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

    如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。


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

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


    3、window.location.href=window.location.href;
    是定向url提交数据

    4、history.go(0)  是直接读取缓存数据,不会从服务器端获取数据

    5、

    只要赋给 location 对象一个新值,文档就会使用新的 URL 加载,就好像使用修改后的 URL 调用了  window.location.assign() 一样。需要注意的是,安全设置,如 CORS(跨域资源共享),可能会限制实际加载新页面。

    window.location.assign("http://www.mozilla.org"); // or
    window.location = "http://www.mozilla.org";

    二、自动刷新页面 
    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> 



    展开全文
  • html刷新页面

    2018-04-12 09:59:01
    location.href=location.herf
    • location.href=location.herf
    展开全文
  • 刷新

    2019-07-03 02:44:53
    1.刷新当前页面 window.location.reload(); 2,局部刷新: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script ...
  • 微信小程序——下拉刷新 1.界面样式 2.业务需求 用户可以手动下拉刷新 坑: 1.真机测试不弹回 解决方法: 下拉刷新事件中增加停止事件 2.下拉刷新中使用wx.showToast等交互反馈,会导致反弹距离过大的...
  • window.reload是重新加载当前需要的所有内容,也就包括页面和后台的代码,...window.Refresh是刷新,保留之前的缓存内容,重新加载页面,之前存在的东西不会动,没加载上来的东西继续加载,也会去加载后台代码内容的。
  • 最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想。有些是因为功能不完整或有Bug,有些是因为使用起来太复杂,...
  • HTML实现当前页面刷新 首先我们都知道在HTML页面我们要实现当前页面刷新一般会...微信小程序—-返回上一页刷新或当前页刷新 1,在实现效果之前,需要知道微信小程序的页面生命周期,不是很清楚的可以看微信小程序
  • 想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种:如果希望点击确定的时候,Dialog 对话框关闭的时候,当前...Dialog 对话框设置的数据可以在确定...
  • 我们在写项目的时候,经常会遇到,用户执行完某个动作,改变了某些状态,需要重新刷新页面,以此来重新渲染页面。如:用户登录成功、增加、删除、更新等。 原始方法: location.reload(); vue自带的路由跳转: ...
  • 一个通用的下拉刷新的框架介绍。 前段时间项目中用到了下拉刷新功能,之前在网上也找到过类似的demo,但这些demo的质量参差不齐,用户体验也不好,接口设计也不行。最张没办法,终于忍不了了,自己就写了一个下拉...
  • 在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用vue-router重新路由到当前页面,页面是不进行刷新的 2.采用window.reload(),或者router.go(0)刷新时,整个...
  • 在实际应用中会遇到动态操作树各节点的需求,在增加树节点后如何实时动态刷新树就十分有必要了。 二、项目实践   比如要在test1234节点下新建子节点,首先要选中test1234节点,添加成功后,根据test1234结点的...
  • 前面写过一篇关于下拉刷新控件的博客下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能。不仅如此,我已经把它...
  • 为什么要刷新? —— 长期不进行存储器 读/写 ,其存储单元内的原信息将慢慢消失。 一般是多长时间?——一般 2ms,对动态RAM的全部基本单元电路进行一次刷新。 注意:刷新只针对行地址 以下都以 128*128 矩阵的...
  • 下面App基本都有下拉刷新的功能,以前基本do
  • ListView中的下拉刷新是非常常见的,也是经常使用的,看到有很多同学想要,那我就整理一下,供大家参考。那我就不解释,直接上代码了。 这里需要自己重写一下ListView,重写代码如下: package net.loonggg.listview; ...
  • 目录 一、问题描述 二、问题原因 ...3、别的原因,没有选择图标排列方式,所以每次刷新都会按照不同的方式排列,所以就出现了每次都变换图标问题 三、解决步骤  3.1 更改自动排列图标    1...
1 2 3 4 5 ... 20
收藏数 996,811
精华内容 398,724
关键字:

刷新