js怎么只刷新当前页面一次

 更新时间:2023年09月23日 08:52:07   投稿:yin  
Javascript刷新页面的几种方法:location.reload()、location.replace(location)、history.go(0)、location=location、location.assign(location)、document.execCommand('Refresh')、window.navigate(location)、document.URL=location.href,js怎么只刷新当前页面一次呢

Javascript刷新页面的几种方法:location.reload()、location.replace(location)、history.go(0)、location=location、location.assign(location)、document.execCommand('Refresh')、window.navigate(location)、document.URL=location.href。js怎么只刷新当前页面一次呢?本文介绍两种方法。

方法一:把当前页面的地址赋给变量 url

<script> 
    function reurl(){ 
        url = location.href; //把当前页面的地址赋给变量 url 
        var times = url.split("?"); //分切变量 url 分隔符号为 "?" 
        if(times[1] != 1){ //如果?后的值不等于1表示没有刷新 
            url += "?1"; //把变量 url 的值加入 ?1 
            self.location.replace(url); //刷新页面 
        } 
    } 
    onload=reurls
</script> 

方法二:使用reload 方法,强迫浏览器刷新当前页面一次。

<script> 
    $(document).ready(function () {
         if(location.href.indexOf("#reloaded")==-1){
             location.href=location.href+"#reloaded";
             location.reload();
         }
    })
</script> 

原理总结

就是充分利用地址栏可带参数的选项,用脚本来取得页面间的传递参数,判断当前网址中是否有参数进行网址跳转。

到此这篇关于js怎么只刷新当前页面一次的文章就介绍到这了,更多相关js刷新当前页面一次内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

相关文章

  • openlayers 3实现车辆轨迹回放

    openlayers 3实现车辆轨迹回放

    这篇文章主要为大家详细介绍了openlayers 3实现车辆轨迹回放,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • Javascript 注册事件浅析

    Javascript 注册事件浅析

    JavaScript事件驱动
    2008-08-08
  • JavaScript实现单例模式的六种方式

    JavaScript实现单例模式的六种方式

    单例模式确保一个类只有一个实例,并提供全局访问点,文章介绍了JavaScript中实现单例模式的几种常见方式,包括对象字面量、闭包实现、ES6类实现、改进的class实现、ES6模块模式的单例以及ES6模块本身就是单例,每种方式都有其特点和适用场景,需要的朋友可以参考下
    2025-12-12
  • setTimeout函数兼容各主流浏览器运行执行效果实例

    setTimeout函数兼容各主流浏览器运行执行效果实例

    setTimeout是一个很不错的函数,网站页面前端工程师经常将其用于几秒后执行的动作,下文要讲的setTimeout可以很好地兼容IE6,7,8,9以及谷歌等主流浏览器
    2013-06-06
  • JS使用onerror捕获异常示例

    JS使用onerror捕获异常示例

    这篇文章主要介绍了JS使用onerror捕获异常的方法,结合实例形式分析了javascript基于onerror事件处理器捕获异常的具体流程与相关操作技巧,需要的朋友可以参考下
    2016-08-08
  • Bootstrap布局方式详解

    Bootstrap布局方式详解

    这篇文章主要为大家详细介绍了Bootstrap布局方式,分析了Bootstrap网格系统的各种特性,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 深入解析ES6中的promise

    深入解析ES6中的promise

    ES6中的promise对象很早就听说过,据说是为了解决我们使用回调产生回调地狱的问题。今天小编就带领大家通过本文学习下es6中的promise,感兴趣的朋友跟随小编一起看看吧
    2018-11-11
  • js实现类似iphone的网页滑屏解锁功能示例【附源码下载】

    js实现类似iphone的网页滑屏解锁功能示例【附源码下载】

    这篇文章主要介绍了js实现类似iphone的网页滑屏解锁功能,结合完整实例形式分析了javascript动态操作页面元素实现解锁效果的相关实现技巧,并附带供读者源码下载参考,需要的朋友可以参考下
    2019-06-06
  • 详解JavaScript的三种this指向方法

    详解JavaScript的三种this指向方法

    这篇文章主要介绍JavaScript的三种this指向的方法:call()、bind()、apply(),文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • js获取上传文件大小示例代码

    js获取上传文件大小示例代码

    js获取上传文件大小在ie下要改安全设置中的对为标记为可安全执行脚本的ActiveX空间初始化并执行,需要的朋友可以参考下
    2014-04-04

最新评论