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 相关文章推荐
IE6不能修改NAME问题的解决方法
Sep 03 Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
Sep 17 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
Sep 28 Javascript
js如何获取网页所有图片
May 12 Javascript
JS实现的简单表单验证功能示例
Oct 13 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
JavaScript检测浏览器是否支持CSS变量代码实例
Apr 03 Javascript
JavaScript实现打字游戏
Feb 19 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技术开发技巧分享
2010/03/23 PHP
yii2高级应用之自定义组件实现全局使用图片上传功能的方法
2016/10/08 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
JS数学函数Exp使用说明
2012/08/09 Javascript
如何用ajax来创建一个XMLHttpRequest对象
2012/12/10 Javascript
js实现网站首页图片滚动显示
2013/02/04 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
js数据类型检测总结
2018/08/05 Javascript
解决jquery有正确返回值但不执行success函数的问题
2018/08/20 jQuery
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
2020/12/10 Javascript
Python中使用asyncio 封装文件读写
2016/09/11 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
OpenCV4.1.0+VS2017环境配置的方法步骤
2020/07/09 Python
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
2016/05/09 HTML / CSS
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
物业门卫岗位职责
2013/12/28 职场文书
一年级家长会邀请函
2014/01/25 职场文书
秋游活动策划方案
2014/02/16 职场文书
餐饮业员工工作决心书
2014/03/11 职场文书
中介业务员岗位职责
2014/04/09 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
大学生就业求职信
2014/06/12 职场文书
如何拟写通知正文?
2019/04/02 职场文书
JavaScript使用canvas绘制坐标和线
2021/04/28 Javascript
Java Socket实现多人聊天系统
2021/07/15 Java/Android