JS實現頁面載入完成之後自動重新整理一次問題

2023-02-08 22:00:13

JS頁面載入完成之後自動重新整理一次

先貼出程式碼，如果有興趣看我解題思路的可以看下，沒興趣的直接拿走用，節省時間。

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 }");加這個也不行。

試過了各種方法，都不行，調整了一天了。這個問題的原因是img標籤第一次生成html時它沒有去存取FTP造成的，而重新整理一次頁面時，它才會去根據地址去找FTP下的圖片，很奇葩吧，這是IE瀏覽器的問題，解決這個問題的辦法就要得重新整理一次頁面才行。

於是我從網上搜各種方式，讓頁面只重新整理一次的方法，把網上說的很多種都試了一遍都不行，最後我突然想到一種判斷url的方式解決這個問題。第一次載入頁面時，如果url後面什麼都沒有就讓它進入window.location.href = "”重新整理頁面，並在頁面後面加一個時間戳。第二次重新整理時判斷url地址有沒有在後面加東西就行了。

第一次的地址後面沒有時間戳：

第二次地址多了一個時間戳，判斷url地址就可以了：

JS執行後自動重新整理頁面問題

問題描述：

今天在製作table表單統計功能時，點選button按鈕時發現在執行js統計函數後頁面自動重新整理，使得做的結果出不來。

問題原因：

在使用標籤時 submit會預設提交資料，重新載入頁面。（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()" >分數統計：</button>
<div class="col-sm-6">
      <input id="score1" name="score" class="form-control" type="text">
</div>

總結

以上為個人經驗，希望能給大家一個參考，也希望大家多多支援it145.com。

JS實現頁面載入完成之後自動重新整理一次問題

目錄

JS頁面載入完成之後自動重新整理一次

JS執行後自動重新整理頁面問題

解決方法

總結

熱門文章