js调用刷新界面的几种方式


Posted in Javascript onMay 03, 2017

有的时候需要手动调用来刷新界面,比如非动态切换的语言模式啊,风格样式啊什么的。

<!DOCTYPE html>
<html>
 <head>
  <meta charset='utf-8'>
 </head>
 <body>
 <button onclick="click1()">location.reload();</button>
 <button onclick="click2()">history.go(0);</button>
 <button onclick="click3()"> location=location ;</button>
 <button onclick="click4()">location.assign(location) ;</button>
 <button onclick="click5()">location.replace(location) ;</button>
  <script>
   function click1 () {
    //刷新清缓存,相当于Ctrl+F5:location.reload(true)
    //普通刷新:location.reload()
    location.reload();
   }
   function click2(){
    history.go(0);
   }
   function click3(){
     location=location;
   }
   function click4(){
    location.assign(location) ;
   }
   function click5(){
    location.replace(location) 
   }
  </script>
 </body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一个js写的日历(代码部分网摘)
Sep 20 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 Javascript
jquery和ajax的关系详细介绍
Nov 29 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
Dec 25 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
node.js微信公众平台开发教程
Mar 04 Javascript
Angularjs 制作购物车功能实例代码
Sep 14 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
Jan 29 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
Apr 10 Javascript
React forwardRef的使用方法及注意点
Jun 13 Javascript
JavaScript中双向数据绑定详解
May 03 #Javascript
Js实现中国公民身份证号码有效性验证实例代码
May 03 #Javascript
Vue原理剖析 实现双向绑定MVVM
May 03 #Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 #Javascript
Vue实现双向数据绑定
May 03 #Javascript
Angular 4.x 路由快速入门学习
May 03 #Javascript
javaScript 逻辑运算符使用技巧整理
May 03 #Javascript
You might like
Zend framework处理一个http请求的流程分析
2010/02/08 PHP
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
ThinkPHP行为扩展Behavior应用实例详解
2014/07/22 PHP
php把字符串指定字符分割成数组的方法
2018/03/12 PHP
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
jQuery学习笔记之创建DOM元素
2015/01/19 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
JS实现手写parseInt的方法示例
2017/09/24 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
解决使用vue.js路由后失效的问题
2018/03/17 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
小程序实现新用户判断并跳转激活的方法
2019/05/20 Javascript
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
vue实现表格合并功能
2020/12/01 Vue.js
微信小程序学习之自定义滚动弹窗
2020/12/20 Javascript
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
python实现用于测试网站访问速率的方法
2015/05/26 Python
python虚拟环境virualenv的安装与使用
2016/12/18 Python
python标识符命名规范原理解析
2020/01/10 Python
python使用Thread的setDaemon启动后台线程教程
2020/04/25 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
Python代码注释规范代码实例解析
2020/08/14 Python
PyCharm2020最新激活码+激活码补丁(亲测最新版PyCharm2020.2激活成功)
2020/11/25 Python
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
Sony C++笔试题
2013/03/10 面试题
军训 自我鉴定
2014/02/03 职场文书
美术第二课堂活动总结
2014/07/08 职场文书
战略合作意向书
2014/07/29 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
慰问信格式
2015/02/14 职场文书
学校社团活动总结
2015/05/07 职场文书
国庆节新闻稿
2015/07/17 职场文书
Redis+Lua脚本实现计数器接口防刷功能(升级版)
2022/02/12 Redis