快捷導(dǎo)航

javascript在子頁面中函數(shù)無法調(diào)試問題解決方法

更新時(shí)間：2014年01月17日 17:02:31 作者：

遇到在子頁面中提交的時(shí)候會(huì)無法能夠調(diào)試javascript代碼的情況出現(xiàn)，下面有個(gè)不錯(cuò)的解決方法，希望對(duì)大家有所幫助

近期在做一個(gè)項(xiàng)目，會(huì)遇到在子頁面中提交的時(shí)候會(huì)無法能夠調(diào)試javascript代碼的情況出現(xiàn)，有時(shí)候這種問題，我們無法正常在瀏覽器，看到我們子頁面的javascript代碼，所以只能夠用原始的alert 或者 console.log()，當(dāng)然，這也是一種解決方法，但是有時(shí)候，我們就想看一下程序到底是如何運(yùn)行的，同時(shí)也可以看每個(gè)參數(shù)到底是什么值，所以意義還是比較大的。

我貼張圖，大家就大概了解是什么時(shí)候會(huì)出現(xiàn)這個(gè)問題了。

復(fù)制代碼代碼如下:

 
<script> 
function stopWatchDog(watchDogId) { 
alert("aa"); 
var url = '<s:url value="/watchDog/stopWatchDog"/>'; 
var params = { 
watchDogId : watchDogId, 
}; 
$.post(url, params, function(data) { 
if (data.success) { 
closeDialog(); 
tbGrid.send(); 
} else { 
if (data.errorMsg != null && data.errorMsg != "") { 
jAlert(data.errorMsg, "系統(tǒng)消息"); 
} else { 
jAlert("停止異常", "系統(tǒng)消息"); 
} 
$("#saveBtn").removeAttr("disabled"); 
$("#saveBtn").css("color", "white"); 
} 
}, "json"); 
} 
</script> 

這個(gè)其實(shí)是函數(shù)聲明，大家如果了解javascript上下文的話，就知道其實(shí)函數(shù)聲明只是在頁面上下文加載的時(shí)候加載的函數(shù)名，其函數(shù)內(nèi)容無法正常加載。

如果我們換成函數(shù)自執(zhí)行或者是在函數(shù)自治性中定義這個(gè)函數(shù)聲明的話，那么就可以解決這個(gè)問題了。

復(fù)制代碼代碼如下:

 
(function(){ 
function stopWatchDog(watchDogId) { 
alert("aa"); 
var url = '<s:url value="/watchDog/stopWatchDog"/>'; 
var params = { 
watchDogId : watchDogId, 
}; 
$.post(url, params, function(data) { 
if (data.success) { 
closeDialog(); 
tbGrid.send(); 
} else { 
if (data.errorMsg != null && data.errorMsg != "") { 
jAlert(data.errorMsg, "系統(tǒng)消息"); 
} else { 
jAlert("停止異常", "系統(tǒng)消息"); 
} 
$("#saveBtn").removeAttr("disabled"); 
$("#saveBtn").css("color", "white"); 
} 
}, "json"); 
} 
})(); 