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 相关文章推荐
javascript第一课
Feb 27 Javascript
给网站上的广告“加速”显示的方法
Apr 08 Javascript
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
jQuery-ui中自动完成实现方法
Jun 10 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)
Sep 02 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
解决vue项目打包后提示图片文件路径错误的问题
Jul 04 Javascript
原生js实现淘宝放大镜效果
Oct 28 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 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
一个用php3编写的简单计数器
2006/10/09 PHP
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
php开发工具有哪五款
2015/11/09 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
jquery键盘事件介绍
2011/01/31 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
2011/04/12 Javascript
jquery中EasyUI实现同步树
2015/03/01 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
2017/08/04 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
解决layer 动态加载select 失效的问题
2019/09/18 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
Python多线程编程(二):启动线程的两种方法
2015/04/05 Python
Python logging设置和logger解析
2019/08/28 Python
Python 列表中的修改、添加和删除元素的实现
2020/06/11 Python
巴西手表购物网站:eclock
2019/03/19 全球购物
Bluebella德国官网:英国性感内衣和睡衣品牌
2019/11/08 全球购物
爱情检讨书大全
2014/01/21 职场文书
音乐幼师求职信
2014/07/09 职场文书
村主任“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
2016年安全月活动总结
2016/04/06 职场文书
Python如何识别银行卡卡号?
2021/06/10 Python
python常见的占位符总结及用法
2021/07/02 Python