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数组处理多个字符串的连接问题
Aug 20 Javascript
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
Oct 21 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
整理Javascript事件响应学习笔记
Dec 02 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
jQuery 选择符详细介绍及整理
Dec 02 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
Jun 19 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
vue实现下拉菜单树
Oct 22 Javascript
vue下载二进制流图片操作
Oct 26 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
Php注入点构造代码
2008/06/14 PHP
php生成扇形比例图实例
2013/11/06 PHP
PHP在网页中动态生成PDF文件详细教程
2014/07/05 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
google 搜索框添加关键字实现代码
2010/04/24 Javascript
javascript与CSS复习(《精通javascript》)
2010/06/29 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
2012/06/14 Javascript
javascript:history.go()和History.back()的区别及应用
2012/11/25 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
2016/06/14 Javascript
Bootstrap实现弹性搜索框
2016/07/11 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
javascript 组合按键事件监听实现代码
2017/02/21 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
学习RxJS之JavaScript框架Cycle.js
2019/06/17 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
python Django批量导入不重复数据
2016/03/25 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
Django中提示消息messages的设置方式
2019/11/15 Python
使用python去除图片白色像素的实例
2019/12/12 Python
pandas分组聚合详解
2020/04/10 Python
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
文员岗位职责范本
2014/03/08 职场文书
爱情寄语大全
2014/04/09 职场文书
大学本科生职业生涯规划书范文
2014/09/14 职场文书
给老师的感谢信
2015/01/20 职场文书
公司员工奖惩制度
2015/08/04 职场文书
员工考勤管理制度
2015/08/06 职场文书
导游词创作书写原则以及开场白技巧怎么学?
2019/09/25 职场文书
配置nginx 重定向到系统维护页面
2021/06/08 Servers