thymeleaf和js的載入順序

2021-10-03 13:27:23 字數 410 閱讀 6713

對於瀏覽器來說,html**和js**是一等公民,thymeleaf相關的標籤**是二等公民。

先給出異常:uncaught typeerror: cannot read property 'innerhtml' of null。

顯然該異常說明js訪問了html還沒載入出來的標籤。

但是我的js**確實寫在html後面,於是我想到錯誤原因是不恰當地使用thymeleaf。錯誤現象說明了thymeleaf塊載入慢於或後於js**。我將待訪問的節點用純html語句剝離出來,那麼,js便不會再說找不到節點。改後的**如下:

js的阻塞載入 延遲載入和非同步載入

1.阻塞載入 平常預設使用的都是阻塞載入。例如 阻塞載入會阻止瀏覽器的後續處理,停止了後續的檔案的解析,執行,如影象的渲染。為了這樣可以讓頁面先顯示出來,我們通常會把要載入的js放到body結束標籤之前,使得js可在頁面最後載入,儘量減少阻塞頁面的渲染。2.延遲載入 延遲載入是指令碼延遲到文件被完全...

JS動態載入CSS和JS

這兩天工作時用到動態載入css和js的地方比較多,這裡稍微做下整理。if this.readystate this.readystate loaded this.readystate complete 因為在ie中使用onreadystatechange,而gecko,webkit 瀏覽器和oper...

JS載入順序(優化JS載入)

樓主做前端開發一年多了,對前端的見解還是多多少少有一點的,今天特拿出來跟大家分享分享。做前端開發少不了各種利器。比如我習慣用的還是google瀏覽器和重型 fiddller。一 原始情況 估計90 的程式設計師都會把js檔案放在head中,但是大家有沒有深究過呢?很多瀏覽器都會使用單一的執行緒來做 ...