jsp頁(yè)面中的代碼執(zhí)行加載順序介紹
1. java是在服務(wù)器端運(yùn)行的代碼,jsp在服務(wù)器的servlet里運(yùn)行,而javascript和html都是在瀏覽器端運(yùn)行的代碼。所以加載執(zhí)行順序是是java>jsp>js。
2. js在jsp中的加載順序
頁(yè)面上的js代碼時(shí)html代碼的一部分,所以頁(yè)面加載的時(shí)候是由上而下加載。所以js加載的順序也就是頁(yè)面中<script>標(biāo)簽出現(xiàn)的順序。<script>標(biāo)簽里面的或者是引入的外部js文件的執(zhí)行順序都是其語(yǔ)句出現(xiàn)的順序,其中js執(zhí)行的過(guò)程也是頁(yè)面裝載的一部分。
2.1 在js腳本中定義的全局變量和函數(shù),都可以在后面的腳本中調(diào)用。變量的調(diào)用,必須是前面已經(jīng)聲明了的,否則變量返回的值是undefined。同一段腳本中,函數(shù)定義可以出現(xiàn)在函數(shù)的調(diào)用后面;若函數(shù)的定義和調(diào)用在兩個(gè)腳本段中,函數(shù)調(diào)用在函數(shù)定義之前就會(huì)報(bào)函數(shù)未定義錯(cuò)誤。
2.2 js中出現(xiàn)ajax的異步加載
由于ajax的異步加載可能會(huì)導(dǎo)致語(yǔ)句的執(zhí)行順序并不是按照語(yǔ)句的出現(xiàn)順序來(lái)執(zhí)行。下面以我做任務(wù)時(shí)遇到的問(wèn)題為例:
在頁(yè)面初始加載的時(shí)候需要向jsp發(fā)送請(qǐng)求來(lái)獲得該頁(yè)面所需的數(shù)據(jù),在ajax成功函數(shù)中,對(duì)data的操作所需時(shí)間過(guò)長(zhǎng),就會(huì)導(dǎo)致在ajax函數(shù)外面的confirm與loadTree比data操作后面的語(yǔ)句先執(zhí)行。最終在loadTree中使用data的值得時(shí)候就為空,此時(shí)全局變量openTab_Id就為空。
2.3控制js執(zhí)行順序
可以使用setTimeout(function(),time);來(lái)使function延遲加載。
- 如何讓頁(yè)面加載完成后執(zhí)行js
- 多種方法實(shí)現(xiàn)當(dāng)jsp頁(yè)面完全加載完成后執(zhí)行一個(gè)js函數(shù)
- 解析頁(yè)面加載與js函數(shù)的執(zhí)行 onload or ready
- 解決用jquery load加載頁(yè)面到div時(shí),不執(zhí)行頁(yè)面js的問(wèn)題
- 頁(yè)面加載完成后再執(zhí)行JS的jquery寫(xiě)法以及區(qū)別說(shuō)明
- 頁(yè)面加載完后自動(dòng)執(zhí)行一個(gè)方法的js代碼
- jsp的注釋可能會(huì)影響頁(yè)面加載速度讓代碼扔繼續(xù)執(zhí)行
- JS實(shí)現(xiàn)文檔加載完成后執(zhí)行代碼
相關(guān)文章
jsp登錄會(huì)話(huà)的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇jsp登錄會(huì)話(huà)的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06詳解Spring data 定義默認(rèn)時(shí)間與日期的實(shí)例
這篇文章主要介紹了詳解Spring data 定義默認(rèn)時(shí)間與日期的實(shí)例的相關(guān)資料,這里提供實(shí)例幫助大家學(xué)習(xí)理解這部分內(nèi)容,需要的朋友可以參考下2017-08-08JSP學(xué)習(xí)筆記之基礎(chǔ)語(yǔ)法
本文是JSP學(xué)習(xí)筆記系列的第一篇文章,跟之前一樣,我們先來(lái)看看jsp的基礎(chǔ)語(yǔ)法,有需要的小伙伴自己參考下。2015-09-09動(dòng)態(tài)JSP頁(yè)生成靜態(tài)HTML的方法
這篇文章主要介紹了動(dòng)態(tài)JSP頁(yè)生成靜態(tài)HTML的方法,以實(shí)例形式較為詳細(xì)的分析了JSP生成靜態(tài)HTML頁(yè)面的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09jsp中實(shí)現(xiàn)上傳圖片即時(shí)顯示效果功能
上傳圖片時(shí)即時(shí)顯示圖片效果,這在項(xiàng)目開(kāi)發(fā)中時(shí)很常見(jiàn)的一項(xiàng)功能,接下來(lái)介紹此功能的實(shí)現(xiàn)過(guò)程,有需要的朋友可以參考下2013-01-01java 中Spring task定時(shí)任務(wù)的深入理解
這篇文章主要介紹了java 中Spring task定時(shí)任務(wù)的深入理解的相關(guān)資料,這里提供實(shí)例來(lái)幫助大家理解task定時(shí)任務(wù),希望大家通過(guò)本文掌握這部分內(nèi)容,需要的朋友可以參考下2017-09-09JavaWeb Servlet中url-pattern的使用
這篇文章主要介紹了JavaWeb Servlet中url-pattern的使用的相關(guān)資料,希望通過(guò)本文能幫助到大家,讓大家學(xué)習(xí)理解這部分內(nèi)容,需要的朋友可以參考下2017-10-10