JS實現(xiàn)頁面加載完成之后自動刷新一次問題
JS頁面加載完成之后自動刷新一次
先貼出代碼,如果有興趣看我解題思路的可以看下,沒興趣的直接拿走用,節(jié)省時間。
window.onload = function(){ var url=document.location.href; ?//獲取瀏覽器訪問欄里的地址 ? ? ? ? if( url.indexOf("r=")==-1 ){ ? ?//判斷地址后面是否多了某些值,沒有就進方法里進行刷新 ? var t = new Date(); ? ? ? ? ? ? window.location.href = "<%=request.getContextPath()%>/url?r="+t.getTime(); ? ?? ? ? ? ? } ? ??}?
我的FTP回顯圖片,在任何瀏覽器下都沒事,可是到IE下就不行了,代碼顯示一點問題都沒有,可圖片就是不回顯,但是刷新一次頁面它就出來了,很是奇怪,下面是谷歌下的效果,第一次刷新展示用戶頭像圖片。
在IE下,圖片地址加載一點問題都沒有,可就是出不來圖片。
刷新一下頁面,圖片展示出來了,后面竟然多了一個complete="complete",后來我想那是不是說給我的圖片加complete="complete"是不是就可以回顯了,事實證明不可以。
后來我給圖片加onclick方法,圖片第一次加載出不來,加onclick方法點擊下看行不行,onclick方法寫這個不行$("#headFilePath").attr("src","${account.headFilePath }");
后來我想第一次加載頁面的時候用onload方法$("#headFilePath").attr("src","${account.headFilePath }");加這個也不行。
試過了各種方法,都不行,調(diào)整了一天了。這個問題的原因是img標(biāo)簽第一次生成html時它沒有去訪問FTP造成的,而刷新一次頁面時,它才會去根據(jù)地址去找FTP下的圖片,很奇葩吧,這是IE瀏覽器的問題,解決這個問題的辦法就要得刷新一次頁面才行。
于是我從網(wǎng)上搜各種方式,讓頁面只刷新一次的方法,把網(wǎng)上說的很多種都試了一遍都不行,最后我突然想到一種判斷url的方式解決這個問題。第一次加載頁面時,如果url后面什么都沒有就讓它進入window.location.href = "”刷新頁面,并在頁面后面加一個時間戳。第二次刷新時判斷url地址有沒有在后面加?xùn)|西就行了。
- 第一次的地址后面沒有時間戳:
- 第二次地址多了一個時間戳,判斷url地址就可以了:
JS運行后自動刷新頁面問題
問題描述:
今天在制作table表單統(tǒng)計功能時,點擊button按鈕時發(fā)現(xiàn)在執(zhí)行js統(tǒng)計函數(shù)后頁面自動刷新,使得做的結(jié)果出不來。
問題原因:
在使用標(biāo)簽時 submit會默認(rèn)提交數(shù)據(jù),重新加載頁面。(ps:如果沒用到type屬性可能也會有一樣的問題)
解決方法
把type=“submit”改為type=“button”或者直接加上type=“button”。
圖片:
html頁面
<button class="col-sm-3 btn btn-w-m btn-info" type="button" href="javascript:void();" rel="external nofollow" onclick="count()" >分?jǐn)?shù)統(tǒng)計:</button> <div class="col-sm-6"> <input id="score1" name="score" class="form-control" type="text"> </div>
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
uploadify在Firefox下丟失session問題的解決方法
在用uploadify上傳插件時遇到了一個問題,在讀session時認(rèn)為沒有權(quán)限而被攔截了,后來在后臺打印登錄時產(chǎn)生session的id和上傳時讀取session的id,解決方法如下,感興趣的朋友可以了解下2013-08-08基于JavaScript Array數(shù)組方法(新手必看篇)
下面小編就為大家?guī)硪黄贘avaScript Array數(shù)組方法(新手必看篇)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08JS簡單限制textarea內(nèi)輸入字符數(shù)量的方法
這篇文章主要介紹了JS簡單限制textarea內(nèi)輸入字符數(shù)量的方法,涉及JavaScript響應(yīng)鼠標(biāo)及鍵盤事件處理textarea輸入框字符的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10滾動條變色 隱藏滾動條與雙擊網(wǎng)頁自動滾屏顯示代碼
滾動條變色 隱藏滾動條與雙擊網(wǎng)頁自動滾屏顯示代碼2009-12-12