首頁 > web前端 > js教程 > 主體

關於子頁面中javascript函數無法調試問題詳解

巴扎黑
發布: 2017-08-10 13:37:47
原創
1118 人瀏覽過

[導讀] 近期在做一個項目,會遇到在子頁面中提交的時候會無法能夠調試javascript程式碼的情況出現,有時候這種問題,我們無法正常在瀏覽器,看到我們子頁面的javascript程式碼,所以只能夠用原始的alert 或console log

近期在做一個項目,會遇到在子頁面中提交的時候會無法能夠調試javascript程式碼的情況出現,有時這種問題,我們無法正常在瀏覽器,看到我們子頁面的javascript程式碼,所以只能夠用原始的alert 或console.log(),當然,這也是一種解決方法,但是有時候,我們就想看一下程式到底是如何運作的,同時也可以看每個參數到底是什麼值,所以意義還是比較大的。

我貼張圖,大家就大概了解是什麼時候會出現這個問題了。

關於子頁面中javascript函數無法調試問題詳解

 

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片

<script>  
function stopWatchDog(watchDogId) {  
    alert("aa");  
    var url = &#39;<s:url value="/watchDog/stopWatchDog"/>&#39;;  
    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, "系统消息");  
            } else {  
                jAlert("停止异常", "系统消息");  
            }  
            $("#saveBtn").removeAttr("disabled");  
            $("#saveBtn").css("color", "white");  
        }  
    }, "json");  
}  
</script>
登入後複製

這個其實是函數聲明,大家如果了解javascript上下文的話,就知道其實函數宣告只是在頁面上下文載入的時候載入的函數名,其函數內容無法正常載入。

 

 

如果我們換成函數自執行或是在函數自治中定義這個函數宣告的話,那麼就可以解決這個問題了。

 

 

avascript] view plaincopy在CODE上查看代码片派生到我的代码片

(function(){  
    function stopWatchDog(watchDogId) {  
        alert("aa");  
        var url = &#39;<s:url value="/watchDog/stopWatchDog"/>&#39;;  
        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, "系统消息");  
                } else {  
                    jAlert("停止异常", "系统消息");  
                }  
                $("#saveBtn").removeAttr("disabled");  
                $("#saveBtn").css("color", "white");  
            }  
        }, "json");  
    }  
})();
登入後複製

以上是關於子頁面中javascript函數無法調試問題詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板