如何讓頁(yè)面在打開時(shí)自動(dòng)刷新一次讓圖片全部顯示
更新時(shí)間：2012年12月17日 11:13:52 作者：
我的網(wǎng)頁(yè)的圖片較多，而服務(wù)器也不是很好，所以每次打開網(wǎng)頁(yè)后總有一、兩幅圖片無法顯示，但刷新一遍后又全部可顯示了,這種問題相信每個(gè)人都遇到過，接下來介紹詳細(xì)解決方法
復(fù)制代碼 代碼如下:
<script>
function window.onload(){
if(location.href.indexOf('#reloaded')==-1){
location.href=location.href+"#reloaded"
location.reload()
}
}
</script>
<iframe src="/"></iframe>
-----------------------------------------------------------------------------
我的網(wǎng)頁(yè)的圖片較多，而服務(wù)器也不是很好，所以每次打開網(wǎng)頁(yè)后總有一、兩幅圖片無法顯示，但刷新一遍后又全部可顯示了。
不想讓瀏覽網(wǎng)頁(yè)的人每次都點(diǎn)“刷新”按鈕，請(qǐng)問如何在網(wǎng)頁(yè)中加入一些代碼，讓網(wǎng)頁(yè)在打開后又自動(dòng)刷新一次？
---------------------------------------------------------------
把下面代碼加在<head> </head>之間
<meta http-equiv=refresh content=5 >
---------------------------------------------------------------
三種方法：
1.<script>
復(fù)制代碼 代碼如下:
function refreshPage(the_duration)
{
setTimeout("self.location.reload();",the_duration*1000);
}
self.onload=function(){
refreshPage(1);//里面的1代表1秒,未刷新的間隔時(shí)間,你可以改成你想要的
};
</script>
2.<body onload='setTimeout("location.reload()",1000)'>
3.<meta http-equiv="refresh" content=幾秒>
只刷新一次：
<body onload="location.replace()">
---------------------------------------------------------------
來晚了，樓上兄說的對(duì)
---------------------------------------------------------------
樓上這樣的方法是每隔5秒鐘就要刷新一次，對(duì)服務(wù)器的壓力很大，如果在大量的請(qǐng)求連接以及服務(wù)器不是很好的情況下很可能變成服務(wù)器的當(dāng)機(jī)。
所以比較好的辦法是在用Javascript來實(shí)現(xiàn)。在裝載完了以后刷新一下，只要用如下的代碼：
復(fù)制代碼 代碼如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
function refresh()
{
history.go(0);
}
setTimeout("refresh()",1000);
//-->
</SCRIPT>
這個(gè)是在不管本頁(yè)面的緩存情況下，向服務(wù)器重新請(qǐng)求一次。
setTimeOut 是在1秒鐘以后刷新本頁(yè)面。
把上面的代碼放到<head> </head>之間，以1000×n計(jì)算n秒以后刷新，替換1000；
試試看吧。
相關(guān)文章
有限狀態(tài)機(jī)（Finite-state machine）是一個(gè)非常有用的模型，可以模擬世界上大部分事物,下面是使用示例2014-05-05
深入理解JavaScript系列（21）：S.O.L.I.D五大原則之接口隔離原則ISP詳解
這篇文章主要介紹了深入理解JavaScript系列（21）：S.O.L.I.D五大原則之接口隔離原則ISP詳解,本文講解了JavaScript接口、ISP與JavaScript、墮落的實(shí)現(xiàn)、靜態(tài)耦合、語(yǔ)義耦合、可擴(kuò)展性等內(nèi)容,需要的朋友可以參考下2015-03-03
JavaScript中的Navigator瀏覽器對(duì)象
2008-01-01
這篇文章主要介紹了在HTML中插入JavaScript代碼的示例,嵌套在HTML代碼中是JavaScript的基本功能,需要的朋友可以參考下2015-06-06
Javascript基礎(chǔ)知識(shí)（三）BOM，DOM總結(jié)
本文是基礎(chǔ)知識(shí)系列的第三篇文章，主要介紹javascript中BOM,DOM的一些心得總結(jié)，非常實(shí)用，有需要的朋友可以參考下2014-09-09
escape、encodeURI、encodeURIComponent等方法的區(qū)別比較
escape、encodeURI、encodeURIComponent等方法的區(qū)別比較...2006-12-12
這篇文章主要介紹了如何教你完全理解ReentrantLock重入鎖，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，下面我們來一起學(xué)習(xí)一下吧2019-06-06
Javascript學(xué)習(xí)筆記之?dāng)?shù)組的遍歷和 length 屬性
我們一般用循環(huán)來遍歷數(shù)組，而循環(huán)一直是 JavaScript 性能問題的常見來源，有時(shí)循環(huán)用得不好會(huì)嚴(yán)重降低代碼的運(yùn)行速度。數(shù)組的屬性可以分為三種:length屬性,索引屬性,其他屬性.和普通對(duì)象相比,數(shù)組對(duì)象特殊的地方就是它的length屬性和索引屬性。2014-11-11
JS數(shù)學(xué)函數(shù)Exp使用說明2012-08-08
這篇文章主要介紹了JavaScript中Date對(duì)象的常用方法示例,Date對(duì)象的相關(guān)運(yùn)用是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-10-10