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表数据排序 sort table data
Feb 18 Javascript
jQuery 事件队列调整方法
Sep 18 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
JS对象转换为Jquery对象示例
Jan 26 Javascript
jQuery ajax调用webservice注意事项
Oct 08 jQuery
详解vue 单页应用(spa)前端路由实现原理
Apr 04 Javascript
JS实现中英文混合文字溢出友好截取功能
Aug 06 Javascript
webpack之引入图片的实现及问题
Oct 08 Javascript
小程序如何支持使用 async/await详解
Sep 12 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 Javascript
js实现列表按字母排序
Aug 11 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代码的53条建议
2008/03/27 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
php中的buffer缓冲区用法分析
2019/05/31 PHP
Javascript的一种模块模式
2008/03/22 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
2013/09/22 Javascript
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
jquery实现点击弹出层效果的简单实例
2014/03/03 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
ExpressJS入门实例
2015/01/14 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
2018/08/28 Javascript
layui自定义ajax左侧三级菜单
2019/07/26 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
Python中的True,False条件判断实例分析
2015/01/12 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
2019/08/05 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
Anya Hindmarch官网:奢侈设计师手袋及配饰
2018/11/15 全球购物
会计学财务管理专业个人的自我评价
2013/10/19 职场文书
大学生表扬信范文
2014/01/09 职场文书
自荐书范文范例
2014/02/13 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
年终工作总结范文2014
2014/11/27 职场文书
介绍信的写法
2015/01/31 职场文书
试用期辞职信范文
2015/03/02 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript