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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(5)
Dec 23 Javascript
网页自动跳转代码收集
Sep 27 Javascript
在chrome中window.onload事件的一些问题
Mar 01 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
jquery实现左右轮播切换效果
Jan 01 jQuery
vue-cli中的babel配置文件.babelrc实例详解
Feb 22 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
如何使用puppet替换文件中的string
Dec 06 Javascript
js中apply和call的理解与使用方法
Nov 27 Javascript
js实现详情页放大镜效果
Oct 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
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
PHP 获取远程文件内容的函数代码
2010/03/24 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
event.srcElement+表格应用
2006/08/29 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
使用bootstrap实现多窗口和拖动效果
2016/09/22 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
2016/12/16 Javascript
妙用Angularjs实现表格按指定列排序
2017/06/23 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
vue使用transition组件动画效果的实例代码
2021/01/28 Vue.js
Python获取网页上图片下载地址的方法
2015/03/11 Python
python常规方法实现数组的全排列
2015/03/17 Python
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
Python中一个for循环循环多个变量的示例
2019/07/16 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
20岁生日感言
2014/01/13 职场文书
2014年四风问题自我剖析材料
2014/09/15 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书
房地产工程部经理岗位职责
2015/04/09 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书
将图片保存到mysql数据库并展示在前端页面的实现代码
2021/05/02 MySQL
Python机器学习之基础概述
2021/05/19 Python
Redis 常见使用场景
2021/08/30 Redis
MySQL数据库中varchar类型的数字比较大小的方法
2021/11/17 MySQL
OpenStack虚拟机快照和增量备份实现方法
2022/04/04 Servers