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 相关文章推荐
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
判断用户是否在线的代码
Mar 05 Javascript
jquery中ajax学习笔记一
Oct 16 Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
Feb 26 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
Apr 06 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
使用BootStrap进行轮播图的制作
Jan 06 Javascript
老生常谈angularjs中的$state.go
Apr 24 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
Oct 11 Javascript
JS多个表单数据提交下的serialize()应用实例分析
Aug 27 Javascript
jquery轮播图插件使用方法详解
Jul 31 jQuery
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实现图片简单上传
2006/10/09 PHP
FirePHP 推荐一款PHP调试工具
2011/04/23 PHP
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
php 使用array函数实现分页
2015/02/13 PHP
CI(Codeigniter)的Setting增强配置类实例
2016/01/06 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
javascript实现unicode和字符的互相转换
2007/07/18 Javascript
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
js Date概念详细介绍
2013/11/22 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
2017/09/28 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
2017/10/31 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
学习 Vue.js 遇到的那些坑
2021/02/02 Vue.js
Python Paramiko模块的安装与使用详解
2016/11/18 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
python基于ID3思想的决策树
2018/01/03 Python
Python OS模块实例详解
2019/04/15 Python
python 生成器和迭代器的原理解析
2019/10/12 Python
基于python图书馆管理系统设计实例详解
2020/08/05 Python
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
Delphi软件工程师试题
2013/01/29 面试题
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
作文评语集锦
2014/12/25 职场文书
小学教师工作总结2015
2015/04/07 职场文书
2015年大学社团工作总结
2015/04/09 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers