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 相关文章推荐
google 搜索框添加关键字实现代码
Apr 24 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
Javascript递归打印Document层次关系实例分析
May 15 Javascript
jQuery动画效果相关方法实例分析
Dec 31 Javascript
深入浅析AngularJS中的module(模块)
Jan 04 Javascript
详解JavaScript树结构
Jan 09 Javascript
Vue中的数据监听和数据交互案例解析
Jul 12 Javascript
分享vue.js devtools遇到一系列问题
Oct 24 Javascript
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
vuejs简单验证码功能完整示例
Jan 08 Javascript
vue配置多代理服务接口地址操作
Sep 08 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
Windows下XDebug 手工配置与使用说明
2010/07/11 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
实例讲解PHP验证邮箱是否合格
2019/01/28 PHP
Thinkphp5框架简单实现钩子(Hook)行为的方法示例
2019/09/03 PHP
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
2011/04/07 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
2012/05/14 Javascript
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
js+html+css实现鼠标移动div实例
2013/01/30 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
jquery插件NProgress.js制作网页加载进度条
2015/06/05 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
Angular 如何使用第三方库的方法
2018/04/18 Javascript
微信小程序实现笑脸评分功能
2018/11/03 Javascript
Jquery的autocomplete插件用法及参数讲解
2019/03/12 jQuery
浅析JS中NEW的实现原理及重写
2020/02/20 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
2020/03/04 Javascript
Python中实现常量(Const)功能
2015/01/28 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
Python any()函数的使用方法
2019/10/28 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
python 如何将office文件转换为PDF
2020/09/22 Python
python实现移动木板小游戏
2020/10/09 Python
美国时尚女装在线:Missguided
2016/12/03 全球购物
大学军训感言1500字
2014/03/09 职场文书
批评与自我批评总结
2014/10/17 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
中学生思想品德评语
2014/12/31 职场文书
统计工作个人总结
2015/03/03 职场文书