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 相关文章推荐
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 Javascript
JavaScript九九乘法口诀表的简单实现
Oct 04 Javascript
Bootstrap基本样式学习笔记之标签(5)
Dec 07 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
CKEditor4配置与开发详细中文说明文档
Oct 08 Javascript
Vue.js 事件修饰符的使用教程
Nov 01 Javascript
Element Rate 评分的使用方法
Jul 27 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
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
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
2011/03/25 Javascript
DWZ table的原生分页浅谈
2013/03/01 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
javascript框架设计之框架分类及主要功能
2015/06/23 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
纯js实现页面返回顶部的动画(超简单)
2017/08/10 Javascript
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
Vue多选列表组件深入详解
2021/03/02 Vue.js
Django中login_required装饰器的深入介绍
2017/11/24 Python
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
python lxml中etree的简单应用
2019/05/10 Python
python和php学习哪个更有发展
2020/06/17 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
农场厂长岗位职责
2013/12/28 职场文书
个人对照检查材料
2014/02/12 职场文书
保安队长职务说明书
2014/02/23 职场文书
毕业生自荐信如何写
2014/03/24 职场文书
应届生求职信范文
2014/06/30 职场文书
边城读书笔记
2015/06/29 职场文书
毕业感言怎么写
2015/07/31 职场文书
教师网络培训心得体会
2016/01/09 职场文书
志愿者工作心得体会
2016/01/15 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书
MybatisPlus代码生成器的使用方法详解
2021/06/13 Java/Android
Python制作一个随机抽奖小工具的实现
2021/07/07 Python
如何在python中实现ECDSA你知道吗
2021/11/23 Python
TS 类型收窄教程示例详解
2022/09/23 Javascript