js怎么只刷新當(dāng)前頁(yè)面一次
更新時(shí)間：2023年09月23日 08:52:07 投稿：yin
Javascript刷新頁(yè)面的幾種方法：location.reload()、location.replace(location)、history.go(0)、location=location、location.assign(location)、document.execCommand('Refresh')、window.navigate(location)、document.URL=location.href,js怎么只刷新當(dāng)前頁(yè)面一次呢
Javascript刷新頁(yè)面的幾種方法：location.reload()、location.replace(location)、history.go(0)、location=location、location.assign(location)、document.execCommand('Refresh')、window.navigate(location)、document.URL=location.href。js怎么只刷新當(dāng)前頁(yè)面一次呢？本文介紹兩種方法。
方法一：把當(dāng)前頁(yè)面的地址賦給變量 url
<script>
function reurl(){
url = location.href; //把當(dāng)前頁(yè)面的地址賦給變量 url
var times = url.split("?"); //分切變量 url 分隔符號(hào)為 "?"
if(times[1] != 1){ //如果?后的值不等于1表示沒(méi)有刷新
url += "?1"; //把變量 url 的值加入 ?1
self.location.replace(url); //刷新頁(yè)面
}
}
onload=reurls
</script> 方法二：使用reload 方法，強(qiáng)迫瀏覽器刷新當(dāng)前頁(yè)面一次。
<script>
$(document).ready(function () {
if(location.href.indexOf("#reloaded")==-1){
location.href=location.href+"#reloaded";
location.reload();
}
})
</script> 原理總結(jié)
就是充分利用地址欄可帶參數(shù)的選項(xiàng)，用腳本來(lái)取得頁(yè)面間的傳遞參數(shù)，判斷當(dāng)前網(wǎng)址中是否有參數(shù)進(jìn)行網(wǎng)址跳轉(zhuǎn)。
到此這篇關(guān)于js怎么只刷新當(dāng)前頁(yè)面一次的文章就介紹到這了,更多相關(guān)js刷新當(dāng)前頁(yè)面一次內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
openlayers 3實(shí)現(xiàn)車輛軌跡回放
這篇文章主要為大家詳細(xì)介紹了openlayers 3實(shí)現(xiàn)車輛軌跡回放，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript事件驅(qū)動(dòng)2008-08-08
JavaScript實(shí)現(xiàn)單例模式的六種方式
單例模式確保一個(gè)類只有一個(gè)實(shí)例,并提供全局訪問(wèn)點(diǎn),文章介紹了JavaScript中實(shí)現(xiàn)單例模式的幾種常見(jiàn)方式,包括對(duì)象字面量、閉包實(shí)現(xiàn)、ES6類實(shí)現(xiàn)、改進(jìn)的class實(shí)現(xiàn)、ES6模塊模式的單例以及ES6模塊本身就是單例,每種方式都有其特點(diǎn)和適用場(chǎng)景,需要的朋友可以參考下2025-12-12
setTimeout函數(shù)兼容各主流瀏覽器運(yùn)行執(zhí)行效果實(shí)例
setTimeout是一個(gè)很不錯(cuò)的函數(shù)，網(wǎng)站頁(yè)面前端工程師經(jīng)常將其用于幾秒后執(zhí)行的動(dòng)作，下文要講的setTimeout可以很好地兼容IE6，7,8,9以及谷歌等主流瀏覽器2013-06-06
這篇文章主要介紹了JS使用onerror捕獲異常的方法,結(jié)合實(shí)例形式分析了javascript基于onerror事件處理器捕獲異常的具體流程與相關(guān)操作技巧,需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細(xì)介紹了Bootstrap布局方式，分析了Bootstrap網(wǎng)格系統(tǒng)的各種特性，感興趣的小伙伴們可以參考一下2016-05-05
ES6中的promise對(duì)象很早就聽(tīng)說(shuō)過(guò)，據(jù)說(shuō)是為了解決我們使用回調(diào)產(chǎn)生回調(diào)地獄的問(wèn)題。今天小編就帶領(lǐng)大家通過(guò)本文學(xué)習(xí)下es6中的promise，感興趣的朋友跟隨小編一起看看吧2018-11-11
js實(shí)現(xiàn)類似iphone的網(wǎng)頁(yè)滑屏解鎖功能示例【附源碼下載】
這篇文章主要介紹了js實(shí)現(xiàn)類似iphone的網(wǎng)頁(yè)滑屏解鎖功能,結(jié)合完整實(shí)例形式分析了javascript動(dòng)態(tài)操作頁(yè)面元素實(shí)現(xiàn)解鎖效果的相關(guān)實(shí)現(xiàn)技巧，并附帶供讀者源碼下載參考,需要的朋友可以參考下2019-06-06
這篇文章主要介紹JavaScript的三種this指向的方法：call()、bind()、apply()，文中通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
js獲取上傳文件大小在ie下要改安全設(shè)置中的對(duì)為標(biāo)記為可安全執(zhí)行腳本的ActiveX空間初始化并執(zhí)行,需要的朋友可以參考下2014-04-04