web端实现后退强制刷新功能代码

本文主要和大家介绍了微信web端后退强制刷新功能的实现代码,需要的朋友可以参考下,希望能帮助到大家。

具体代码如下所示:

  //生成uuid  var uuidChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split("");  function uuid() {    var r;    var uuid = [];    uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";    uuid[14] = "4";    for (i = 0; i < 36; i++) {      if (!uuid[i]) {        r = 0 | Math.random() * 16;        uuid[i] = uuidChars[(i == 19) ? (r & 0x3) | 0x8 : r];      }    }    return uuid.join("");  }  // 兼容 android  history.replaceState(null, null, "/currentURL?a="+uuid());  // 兼容 ios  $(function () {      var isPageHide = false;      window.addEventListener('pageshow', function () {       if (isPageHide) {        window.location.reload();       }      });      window.addEventListener('pagehide', function () {       isPageHide = true;      });   })

登录后复制

•android 端使用的h5中的history对象,history.replaceState(null, null, “/currentURL?a=”+uuid());在页面加载完成后改变当前url(拼接一个uuid或者随机数),这样每次后退的时候,浏览器发现当前url在浏览器缓存中不存在就会去重新加载。
•但是 ios 端不支持上述方法,所以用了一段jquery代码解决。

相关推荐:

javascript 强制刷新页面的实现代码_javascript技巧

以上就是web端实现后退强制刷新功能代码的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2785190.html

(0)
上一篇 2025年3月8日 17:22:13
下一篇 2025年3月6日 08:27:52

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js回调简单代码示例

    本文主要和大家分享一段简单的代码,是关于js回调简单代码示例,希望这段代码能帮助到大家。 function test(callback) {   var data = “aaa”;  typeof callback == ‘function…

    编程技术 2025年3月8日
    200
  • js数组判断实例代码

    本文主要和大家分享js数组判断实例代码,希望能帮助到大家。 1.检测其构造函数是否为数组,利用constructor来进行判断,constructor 属性返回对创建此对象的数组函数的引用,代码如下: 运行结果如下: 2.运用instanc…

    2025年3月8日 编程技术
    200
  • JS弹框点击外部隐藏技巧代码

    本文主要和大家分享js弹框点击外部隐藏技巧代码,希望能帮助到大家。 $(document).click(function (e) {    if (!$(e.target).hasClass(‘alert-container’) &…

    编程技术 2025年3月8日
    200
  • JS和WebService大文件上传代码分享

    在编写前端的过程中,难免会遇到文件上传的问题,当用户要上传较大的文件是,会被服务器端限制,阻止其上传,在asp.net中,调整服务器接受文件的大小的配置方法如下:  在ASP中配置Web.config文件的httpRuntime: 登录后复…

    编程技术 2025年3月8日
    200
  • web.xml的配置

    这次给大家带来web.xml的配置,web.xml配置注意事项有哪些,下面就是实战案例,一起来看一下。 nbsp;web-app PUBLIC “-//Sun Microsystems, Inc.//DTD Web Application …

    编程技术 2025年3月8日
    200
  • vue2.0的项目非常实用的代码集合

    这次给大家带来vue2.0的项目非常实用的代码集合,在项目中使用vue2.0的代码注意事项有哪些,下面就是实战案例,一起来看一下。 1、全局增加进度条提示nprogress地址 // main.js 入口js文件 import VueRou…

    编程技术 2025年3月8日
    200
  • webpack打包之后的文件过大如何解决

    本文主要和大家介绍了webpack打包之后的文件过大的解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 以前一直使用 create-react-app 这个脚手架进行 react 开发…

    2025年3月8日
    200
  • 怎样利用插件工具将ES6的代码转化成ES5

    这次给大家带来怎样利用插件工具将es6的代码转化成es5,利用插件工具将es6的代码转化成es5的注意事项有哪些,下面就是实战案例,一起来看一下。 ES6转化为ES5的工具有很多,下面介绍babel来转化ES6代码; 在npm环境下:cd …

    2025年3月8日
    200
  • JavaScript微信号随机切换代码实现代码

    关于js如何实现微信号随机切换,本文主要和大家分享JavaScript微信号随机切换代码实现代码,分为js和html部分,希望能帮助到大家。 js代码: arr_wx =new Array(“aaaa”,”bbbb”,”cccc”); va…

    编程技术 2025年3月8日
    200
  • react-router4中代码拆分的方法

    随着前端项目的不断扩大,一个原本简单的网页应用所引用的js文件可能变得越来越庞大。尤其在近期流行的单页面应用中,越来越依赖一些打包工具(例如webpack),通过这些打包工具将需要处理、相互依赖的模块直接打包成一个单独的bundle文件,在…

    2025年3月8日
    200

发表回复

登录后才能评论