javascript 頁(yè)面只自動(dòng)刷新一次
更新時(shí)間：2009年07月10日 23:35:13 作者：
記得meta標(biāo)簽當(dāng)中有一個(gè)refresh的功能嗎？這是讓瀏覽的頁(yè)面刷新并可以轉(zhuǎn)到相應(yīng)的頁(yè)面，如果刷新本頁(yè)的話就會(huì)造成重復(fù)的刷新，現(xiàn)在我們就試試用腳本來(lái)實(shí)現(xiàn)只讓頁(yè)面刷新一次.
1.看看下面這段代碼
<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=reurl
</script>
2.原理
充分利用地址欄可帶參數(shù)的選項(xiàng)，用腳本來(lái)取得頁(yè)面間的傳遞參數(shù)，并不需要后臺(tái)程序的支持。
復(fù)制代碼 代碼如下:
<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=reurl
</script>
2.原理
充分利用地址欄可帶參數(shù)的選項(xiàng)，用腳本來(lái)取得頁(yè)面間的傳遞參數(shù)，并不需要后臺(tái)程序的支持。
您可能感興趣的文章:
相關(guān)文章
本文給大家分享的是一段兼容各大瀏覽器的JavaScript阻止事件冒泡代碼，雖然因?yàn)闀r(shí)間問(wèn)題沒(méi)有深入研究，但是還是相當(dāng)不錯(cuò)的，這里推薦給大家2015-07-07
CodeMirror2 IE7/IE8 下面未知運(yùn)行時(shí)錯(cuò)誤的解決方法
最近用CodeMirror2作后臺(tái)的模板編輯器，在IE9、Firefox下面沒(méi)有問(wèn)題。到了IE7、IE8下面，textarea里面的代碼就顯示不出來(lái)了。搜索了好多，終于找到原因2012-03-03
這篇文章主要介紹了使用webpack構(gòu)建應(yīng)用的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
js實(shí)現(xiàn)符合國(guó)情的日期插件詳解
本篇文章主要介紹了js實(shí)現(xiàn)符合國(guó)情的日期插件的方法與步驟。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要介紹了Node.js API詳解之 zlib模塊用法,結(jié)合實(shí)例形式分析了Node.js API中zlib模塊基本功能、函數(shù)使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
這篇文章主要介紹了js實(shí)現(xiàn)上傳圖片預(yù)覽的方法,通過(guò)自定義函數(shù)結(jié)合onchange方法實(shí)現(xiàn)上傳圖片的預(yù)覽功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
js如何獲取file控件的完整路徑具體實(shí)現(xiàn)代碼
需要隱藏input file然后獲取它的值，但連jquery都無(wú)法獲取它的值，下面與大家分享下使用js的具體獲取方法，感興趣的朋友可以參考下哈2013-05-05
這篇文章主要介紹了只要1K大小，純JS腳本送你一朵3D玫瑰花，屬于你的情人節(jié)專屬玫瑰，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了p5.js入門(mén)教程之鼠標(biāo)交互的示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
這篇文章主要給大家介紹了關(guān)于uni-app中Navigator組件的用法詳解及傳參方式的相關(guān)資料,在實(shí)際應(yīng)用開(kāi)發(fā)中我們經(jīng)常要使用到路由跳轉(zhuǎn),在uniapp官網(wǎng)中提供了navigator內(nèi)置組件,供我們使用,需要的朋友可以參考下2023-09-09