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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
Mar 10 Javascript
cument.execCommand()用法深入理解
Dec 04 Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
Jun 02 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
bootstrap table表格使用方法详解
Apr 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中COOKIES使用示例
2015/07/26 PHP
详解PHP数组赋值方法
2015/11/07 PHP
php微信支付之公众号支付功能
2018/05/30 PHP
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
jQuery中slice()方法用法实例
2015/01/07 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
2017/04/24 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
2018/08/10 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
JavaScript中关于base64的一些事
2019/05/06 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
JS实现小米轮播图
2020/09/21 Javascript
Python正则表达式的使用范例详解
2014/08/08 Python
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
Python3 jupyter notebook 服务器搭建过程
2018/11/30 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
python按顺序重命名文件并分类转移到各个文件夹中的实现代码
2020/07/21 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
凌阳科技股份有限公司C++程序员面试题笔试题
2014/11/20 面试题
毕业生机械建模求职信
2013/10/14 职场文书
交通法规咨询中心工作职责
2013/11/27 职场文书
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
学雷锋演讲稿
2014/03/04 职场文书
2014年党员公开承诺践诺书
2014/03/25 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
奖金申请报告模板
2015/05/15 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL
springboot集成flyway自动创表的详细配置
2021/06/26 Java/Android
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技