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提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 Javascript
js实现搜索框关键字智能匹配代码
Mar 26 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
Jul 01 Javascript
AngularJs基本特性解析(一)
Jul 21 Javascript
vue实现点击选中,其他的不选中方法
Sep 05 Javascript
vue结合element-ui使用示例
Jan 24 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
详解vue中多个有顺序要求的异步操作处理
Oct 29 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
Jul 28 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.ini实现PHP文件上传功能
2014/11/27 PHP
PHP中生成UUID自定义函数分享
2015/06/10 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
jQuery使用andSelf()来包含之前的选择集
2014/05/19 Javascript
a标签的href与onclick事件的区别详解
2014/11/12 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
解决给dom元素绑定click等事件无效问题的方法
2017/02/17 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
Vuejs实现带样式的单文件组件新方法
2017/05/02 Javascript
jQuery事件_动力节点Java学院整理
2017/07/05 jQuery
微信小程序 rich-text的使用方法
2017/08/04 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
ES6入门教程之let、const的使用方法
2019/04/13 Javascript
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
2019/10/31 Javascript
python使用电子邮件模块smtplib的方法
2016/08/28 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
Python实现的序列化和反序列化二叉树算法示例
2019/03/02 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
Python之多进程与多线程的使用
2021/02/23 Python
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
MADE法国:提供原创设计师家具
2018/09/18 全球购物
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
经典公益广告词
2014/03/13 职场文书
个人培训自我鉴定
2014/03/28 职场文书
2014年教师节讲话稿5篇
2014/09/10 职场文书
党支部工作总结2015
2015/04/01 职场文书
instantclient客户端 连接oracle数据库
2022/04/26 Oracle