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 13 Javascript
js中判断用户输入的值是否为空的简单实例
Dec 23 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 Javascript
JS实现状态栏跑马灯文字效果代码
Oct 24 Javascript
JS实现动态生成表格并提交表格数据向后端
Nov 25 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
浅谈Vue数据响应思路之数组
Nov 06 Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 Javascript
vue中引入mxGraph的步骤详解
May 17 Javascript
vue实现固定位置显示功能
May 30 Javascript
js实现简单选项卡制作
Aug 05 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
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
用cookies来跟踪识别用户
2006/10/09 PHP
在mysql数据库原有字段后增加新内容
2009/11/26 PHP
IIS+fastcgi下PHP运行超时问题的解决办法详解
2013/06/20 PHP
php格式化json函数示例代码
2016/05/12 PHP
js获取单选按钮的数据
2006/11/27 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
javascript中clipboardData对象用法详解
2015/05/13 Javascript
jquery实现的横向二级导航效果代码
2015/08/26 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
vue不通过路由直接获取url中参数的方法示例
2017/08/24 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
2018/01/12 Javascript
AngularJS中重新加载当前路由页面的方法
2018/03/09 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
vue制作toast组件npm包示例代码
2020/10/29 Javascript
javascript实现简单页面倒计时
2021/03/02 Javascript
Python简单日志处理类分享
2015/02/14 Python
python文件的md5加密方法
2016/04/06 Python
简单谈谈Python流程控制语句
2016/12/04 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
python字典的常用方法总结
2019/07/31 Python
wxPython实现绘图小例子
2019/11/19 Python
python GUI模拟实现计算器
2020/06/22 Python
CSS3实现苹果手机解锁的字体闪亮效果示例
2021/01/05 HTML / CSS
应届生骨科医生求职信
2013/10/31 职场文书
少先队入队活动方案
2014/02/08 职场文书
单位绩效考核方案
2014/05/11 职场文书
借款协议书
2014/09/16 职场文书
购房委托书范本
2014/09/18 职场文书
运动会400米加油稿(8篇)
2014/09/22 职场文书
暂住证明怎么写
2015/06/19 职场文书
2016高一新生军训心得体会
2016/01/11 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书
讨论nginx location 顺序问题
2022/05/30 Servers