javascript在子页面中函数无法调试问题解决方法
更新时间：2014年01月17日 17:02:31 作者：
遇到在子页面中提交的时候会无法能够调试javascript代码的情况出现，下面有个不错的解决方法，希望对大家有所帮助
近期在做一个项目，会遇到在子页面中提交的时候会无法能够调试javascript代码的情况出现，有时候这种问题，我们无法正常在浏览器，看到我们子页面的javascript代码，所以只能够用原始的alert 或者 console.log()，当然，这也是一种解决方法，但是有时候，我们就想看一下程序到底是如何运行的，同时也可以看每个参数到底是什么值，所以意义还是比较大的。
我贴张图，大家就大概了解是什么时候会出现这个问题了。
<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, "系统消息");
} else {
jAlert("停止异常", "系统消息");
}
$("#saveBtn").removeAttr("disabled");
$("#saveBtn").css("color", "white");
}
}, "json");
}
</script>
这个其实是函数声明，大家如果了解javascript上下文的话，就知道其实函数声明只是在页面上下文加载的时候加载的函数名，其函数内容无法正常加载。
如果我们换成函数自执行或者是在函数自治性中定义这个函数声明的话，那么就可以解决这个问题了。
(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, "系统消息");
} else {
jAlert("停止异常", "系统消息");
}
$("#saveBtn").removeAttr("disabled");
$("#saveBtn").css("color", "white");
}
}, "json");
}
})();
我贴张图，大家就大概了解是什么时候会出现这个问题了。
复制代码 代码如下:
<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, "系统消息");
} else {
jAlert("停止异常", "系统消息");
}
$("#saveBtn").removeAttr("disabled");
$("#saveBtn").css("color", "white");
}
}, "json");
}
</script>
这个其实是函数声明，大家如果了解javascript上下文的话，就知道其实函数声明只是在页面上下文加载的时候加载的函数名，其函数内容无法正常加载。
如果我们换成函数自执行或者是在函数自治性中定义这个函数声明的话，那么就可以解决这个问题了。
复制代码 代码如下:
(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, "系统消息");
} else {
jAlert("停止异常", "系统消息");
}
$("#saveBtn").removeAttr("disabled");
$("#saveBtn").css("color", "white");
}
}, "json");
}
})();
相关文章
这篇文章主要介绍了js中用闭包遍历树状数组的方法,需要的朋友可以参考下2014-03-03
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
本篇文章主要介绍了JavaScript的延迟对象、跨域、模板引擎、弹出层、AJAX，对其进行示例解析，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
看代码主要是用css控制div的显示和div的显示位置和式样的代码2008-06-06
最近在工作中遇到一个需要，需要将数字实现递增的动态显示，从网上找了相关的资料发现利用原生JS与jQuery都可以实现，suoyi8下面这篇文章主要给大家介绍了利用原生JS与jQuery实现数字线性变化动画的相关资料，需要的朋友可以参考下。2017-02-02
这篇文章主要为大家详细介绍了js+html实现点名系统功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
这篇文章主要给大家介绍了关于如何使用js原生实现年份轮播选择效果的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
分享XmlHttpRequest调用Webservice的一点心得
因为项目需要，以后前端、手机客户端调用ASP.NET的Webservice来获取信息.所以这段时间开始看Webservice，试着通过XmlHttpRequest调用Webservice，过程中碰到不少问题，也有不少的收获2012-07-07
深浅拷贝知识在我们的日常开发中还算是用的比较多,下面这篇文章主要给大家介绍了关于javaScript深拷贝和浅拷贝的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-05-05
这篇文章主要为大家详细介绍了js+html5实现半透明遮罩层弹框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
有时候我们需要数组元素的值，那么就可以参考下面的方法，文中提到了不少这方面的资料，数组去重功能等2013-03-03
最新评论